Question

我有一个Ionic 2应用程序可以从SoundCloud流式传输音频。

这就是我的流媒体方式：

public loadSelectedTrack(): void {

        SC.get('/tracks/' + this.audio.id, {
            filter: 'public'
        }).then((track) => {

            this.soundCloudCurrentTrack = track;
            this.playSelectedTrack();
        });
    }

    public playSelectedTrack(): void {
        SC.stream('/tracks/' + this.soundCloudCurrentTrack.id).then((player) => {


            this.togglePlayPause();

            player.on('buffering_start', () => {
                console.log('buffering...');
            });

            player.on('buffering_end', () => {
                console.log('party!');
                this.audioLoaded = true;
            });

            player.on('finish', () => {
                this.navCtrl.pop();
            });

            this.player = player;

            player.on('time', () => {
                this.updateTrackTime();
                this.updateTrackPercent();
            });

            this.saveUserData();

        });
    }

现在，我需要知道如何下载音频，然后知道如何在设备中找到它。

我想如果我可以下载音频，我可以使用Storage或NativeStorage存储该ID

但我不知道这是否是最佳方式。有人在任何时候都这样做了吗？

编辑：嗯，我已经尝试下载音频，但是有问题。当我按下载按钮时，我什么也看不见。因此，如果我转到app文件夹，我可以看到一个音频文件，但它已经坏了因为总是有600字节的大小，我无法手动播放它。

我希望看到进展，所以经过研究后我发现了这个事件。因此，我试图通过吐司通知显示进度，但它向我显示＆＃34; 97＆＃34; ...＆＃34; 98＆＃34; ...然后不再发生。如果我使用我的资源管理器转到app文件夹，我会看到一个音频文件但已损坏。而且它没有显示错误！这是代码：

public download(audio: any): void {

        this.platform.ready().then(() => {
            console.log("Clicked to download: " + audio.id);

            let url = `https://api.soundcloud.com/tracks/${audio.id}/download?client_id=${this.SC_CLIENT_ID}`;

            let pathToSaveTo: string = '';

            if (this.platform.is('android')) {
                pathToSaveTo = cordova.file.externalApplicationStorageDirectory + audio.id + '.wav';

                let fileTransfer = new Transfer();

                fileTransfer.onProgress(this.onProgress);

                fileTransfer.download(url, pathToSaveTo)
                    .then((entry) => {
                        console.log('download complete: ' + entry.toURL());
                    }, (error) => {

                        let prompt = this.alertCtrl.create({
                            title: 'Error',
                            subTitle: error,
                            buttons: ['Accept']
                        });

                        prompt.present();
                    });
            }


        });

    }

    onProgress = (progressEvent: ProgressEvent) : void => {
        this.ngZone.run(() => {
            if (progressEvent.lengthComputable) {

                let progress: any = Math.round((progressEvent.loaded / progressEvent.total) * 100);
                console.log(progress);

                let toast = this.toastCtrl.create({
                  message: progress,
                  duration: 100
                });
                toast.present();

            }
        });
    }

Answer 1

您可以使用Transfer模块离子2优惠轻松下载文件。您应该将文件下载到不同平台的不同目录，阅读文档here 下载文件时，最好存储有关该文件的数据以供以后使用。您可以使用Storage来存储您可能需要的有关文件的任何数据（例如，它的名称）。然后。根据平台的不同，您可以再次访问此文件，有关文件访问的更多详细信息，请参阅 cordova-plugin-file 的文档。

如何从soundcloud下载音频

1 个答案: