ファイルcordovaプラグインを使用してionicでメディアファイルをスキャンする

Question

私はIonicを使用して音楽プレーヤーアプリケーションを構築していますので、コードソーバプラグインを使用してファイルストレージから音楽ファイルをスキャンして、 .PS私はIonicにかなり新しいです。

Answer 1

音楽ファイルにアクセスして再生する必要があります。ネイティブのものにアクセスするのに役立ついくつかのCordovaプラグインがあります。プロジェクトに1つまたは複数のプラグインを追加した後、私はgithub reposにかなり便利なドキュメントと例があることを発見しました。 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に基づいて

は、ターゲティングするデバイスタイプ、およびユーザーがメディアファイルにアクセスすることを想定している場合は、メディアファイルの1つまたはすべてを使用する必要があります。

• コルドバ・プラグインメディア：ファイル再生するため、

  （あなたがオーディオストリームAPIを使用している場合）https://www.npmjs.com/package/cordova-plugin-media

• コルドバ・プラグイン・ストリーミング・メディアを：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

Answer 2

このコードは、すべてのフォルダとファイルの一覧が表示されます：

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