2017-02-23 64 views
0

我有一个可以从SoundCloud流音频的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(); 

     }); 
    } 

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

我想如果我可以下载音频,我可以存储的ID与StorageNativeStorage

但我不知道这是否是做的最好办法。有人在任何时候做过?


编辑:好吧,我试图下载音频,但有一个问题。当我按下下载按钮时,我什么都看不到。所以如果我去应用程序文件夹,我可以看到一个音频文件,但它被破坏,因为总是有600bytes的大小,我不能手动播放它。

我想看看进展情况,所以在研究之后,我发现要做到这一点。所以我试着用吐司通知临时显示进度,但是它显示我“97”..“98”...然后没有更多的事情发生。如果我使用我的资源管理器转到应用程序文件夹,我会看到一个音频文件但已损坏。并没有显示错误! 这是代码:

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(); 

      } 
     }); 
    } 
+0

我刚刚用我的代码编辑了这篇文章,对不起 –

+0

如果你喜欢看,我补充说我如何下载音频但是有问题。 –

回答

2

您可以轻松地下载文件,使用Transfer模块离子2个报价。 您应该将这些文件下载到不同平台的其他目录下,阅读文档here 下载文件时,存储有关文件的数据以备将来使用是非常好的。 您可以使用Storage来存储您可能需要的关于文件的任何数据(例如它的名称)。 然后。取决于平台,您可以再次访问此文件,有关文件访问的更多详细信息,请参阅文档cordova-plugin-file

+0

不错!我会研究它.. –

+0

我刚刚编辑我的帖子。你能看到它吗?谢谢! –