用离子扫描媒体文件使用文件cordova插件

我正在使用Ionic构建音乐播放器应用程序，因此如何使用文件cordova插件从文件存储中扫描音乐文件，以便用户可以选择要播放的歌曲.PS我对Ionic来说很新。用离子扫描媒体文件使用文件cordova插件

来源

2016-08-19 Hammed Dapo Ajibade

您需要同时访问音乐文件并播放它们。有一些Cordova插件可以帮助您访问本机内容。在为您的项目添加一个或多个插件后，我发现它们在github仓库中有非常有用的文档和示例。在npm页面中有这些链接。

用于访问文件有

科尔多瓦 - 插件文件：https://www.npmjs.com/package/cordova-plugin-file
科尔多瓦 - 插件 - iospicker：https://www.npmjs.com/package/cordova-plugin-iosaudiopicker
科尔多瓦 - 插件 - mediapicker：基于https://github.com/an-rahulpandey/cordova-plugin-mediapicker

您定位的设备类型以及您希望用户访问媒体文件的位置，您可能需要使用其中的一个或全部。

对于播放文件：

科尔多瓦 - 插件 - 媒体：https://www.npmjs.com/package/cordova-plugin-media
科尔多瓦 - 插件 - 流媒体（如果您使用的是流音频的API）：https://www.npmjs.com/package/cordova-plugin-streaming-media
您可能还可以使用HTML5媒体：https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video

来源

2016-08-19 06:55:49 Jinw

你知道一个允许媒体文件在本地网络中安全传输的插件吗？我想要访问电脑中的音乐文件。 – arjun

这个代码将列出所有文件夹和文件：

import { File } from "@ionic-native/file"; 
    import { Diagnostic } from "@ionic-native/diagnostic"; 

    constructor(
     ... 
     public file: File, 
     public diagnostic: Diagnostic 
     ){ 


    // ------------------------- 
    listFileSys(which){ 

    // <which> chooses the file system - see switch below 
    this.jcDebug += "\n" + "listFileSysSKOFLO(" + which + ")"; 

    let fileSysArray = []; 
    let basePath = ""; 

    let tag = "unknown"; 

    // ************** RECURSE ************* 
    let jcListDir = (thisDir)=>{ 

     tag = "jcListDir: [" + thisDir + "]"; 

     this.file.listDir(basePath, thisDir) 
     .then((data)=>{ 
     tag = "listDir:" + thisDir; 
     this.jcError += "\n" + tag + ":" + JSON.stringify(data); 
     for(let ii = 0; ii < data.length; ii += 1){ 
      this.jcError += "\n" + data[ii].name + (data[ii].isDirectory? " [D]" : " [F]"); 

      let currentPath = thisDir; 
      currentPath += (currentPath.length ? "/" : ""); 
      currentPath += data[ii].name; 
      this.jcError += "\n" + "currentPath:" + currentPath; 

      fileSysArray.push(currentPath); 

      if(data[ii].isDirectory && ok2recurse){ 
      jcListDir(currentPath);   // RECURSE !!! 
      } 
     } 
     }, (errData)=>{ 
     tag = "listDir"; 
     this.jcError += "\n" + tag + ":ERR:" + JSON.stringify(errData); 
     }); 
    }; 
    // ************** RECURSE ************* 

    // *********************** 
    let runListDir =()=>{ 
     this.jcDebug += "\n" + "basePath:" + basePath; 

     // !!! START listing from basePath !!! 
     jcListDir("."); 
    } 

    // *********************** 
    switch(which) 
    { 
     case 1: 
     this.diagnostic.getExternalSdCardDetails() 
     .then((data) => { 
      this.jcDebug += "\n" + "sd:" + JSON.stringify(data); 
      this.jcDebug += "\n" + "Number of cards: " + data.length; 
      for(let ii = 0; ii < data.length; ii += 1){ 
      let thisElem = data[ii]; 
      if(thisElem.type.toLowerCase() === "application" && thisElem.canWrite){ 
       basePath = thisElem.filePath; 
       break; 
      } 
      } 
      if(!basePath){ 
      this.jcDebug += "\n" + "no SD card found"; 
      return; 
      } 
      runListDir(); 
     }, (errData)=>{ 
      tag = "getExternalSdCardDetails"; 
      this.jcError += "\n" + tag + ":ERR:" + JSON.stringify(errData); 
     }); 
     break; 
     case 2: 
     basePath = this.file.externalDataDirectory; 
     this.jcError += "\n" + "externalDataDirectory:" + basePath; 
     runListDir(); 
     break; 
     case 3: 
     basePath = this.file.dataDirectory; 
     this.jcError += "\n" + "dataDirectory:"; 
     runListDir(); 
     break; 
     default: 
     alert("which???:" + which); 
     return; 
    } 

    // wait for all to comnplete, then show 
    // assume 1000 ms is adequate delay per promise 
    let lastFileSysLen = -1 
    let checkCount = 30; // max 30 * 1000 ms = 30 seconds 

    // ************** RECURSE ************* 
     let checkComplete =() => { 
     this.jcDebug += "\n" + "checkComplete " + checkCount + " [" + fileSysArray.length + "]"; 
     setTimeout(()=>{ 

     // fileSysArr length stable? 
     if(fileSysArray.length === lastFileSysLen){ 
      checkCount = 0; 
     } 
     lastFileSysLen = fileSysArray.length; 

     checkCount -= 1; 
     if(checkCount > 0){ 
      checkComplete(); // recurse 
     } else { 

      // STOP !!! and show FileSysArray 
      this.jcInfo += "\n" + "show FileSysArray"; 
      this.jcInfo += "\n" + "fileSysArray.length = " + " [" + fileSysArray.length + "]"; 

      fileSysArray.sort(); 

      for(let elem of fileSysArray){ 
      this.jcInfo += "\n" + elem; 
      } 
     } 
     }, 1000); 
    }; 
    // ************** RECURSE ************* 
    checkComplete(); 
    }

来源

2017-11-14 11:32:04 jcsubmit

用离子扫描媒体文件使用文件cordova插件

回答

相关问题