mp3 Télécharger Ionic Framework | Android | HTML5

Question

Je travaille sur le cadre ionique pour android.

Il contient simplement un Iframe pour intégrer un site Web dans un projet vide. Ceci est le site Web http://www.ultrayoutube.com/ANDROID/#/wanna.

Je suis face à deux problèmes

1. Faire Iframe égale à la taille de l'écran Je veux Iframe être égale à la taille de la fenêtre. J'utilise <iframe src="http://www.ultrayoutube.com/ANDROID/#/wanna" style="width:100%; height:100%;" ></iframe>

   Mais iframe ne prend 1/2 de l'écran dans l'émulateur

2. Lorsque l'utilisateur recherche pour la chanson, il doit être capable de le télécharger en cliquant sur Télécharger mp3

I ont traversé des plugins comme plugins de transfert de fichiers mais ils ont tous besoin d'un lien de téléchargement pour télécharger quelque chose. Je le veux que lorsque l'utilisateur clique sur le téléchargement mp3 de bouton, ce lien est automatiquement passé au plugin et est téléchargé sur le téléphone portable de l'utilisateur.

Answer 1

sur le document Head essayez d'initialiser votre plugin de transfert de fichiers

function onDeviceReady() { 
console.log('deviceready'); 
window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, 
     function(fileSystem) { 
      window.fs = fileSystem; 
      window.fileTransfer = new FileTransfer(); 
      window.fileTransfer.onprogress = function(progressEvent) { 
       if (progressEvent.lengthComputable) { 
        var perc = Math.floor(progressEvent.loaded/progressEvent.total * 100); 
        console.log(perc + '%'); 
        $('.progress-bar').css({width: perc + '%'}); 
       } 
      }; 
      window.fs.root.getDirectory('Download', {create: true},  function(dirEntry) { 
       window.downloadFolder = dirEntry; 
      }); 
     }, 
     function(evt) { 
      console.log(evt.target.error.code); 
     } 
); 

}

Changer: script.js

app.run(function($rootScope, downloader, alertService) { 
$rootScope.fs = window.fs; 
$rootScope.downloadFolder = window.downloadFolder; 
$rootScope.fileTransfer = window.fileTransfer; 

$rootScope.messages = {} 

...

$rootScope.saveContent = function(url) { 
    var uri = encodeURI(url); 
    $rootScope.fileTransfer.download(
      uri, 
      $rootScope.downloadFolder.toURL() + "/" + url.substring(url.lastIndexOf('/') + 1), 
      function(entry) { 
       console.log("download complete: " + entry.fullPath); 
      }, 
      function(error) { 
       console.log("download error source " + error.source); 
       console.log("download error target " + error.target); 
      } 
    ); 
}; 

..