mp3 下载离子框架 |安卓 | HTML5答案

【问题标题】：mp3 Download Ionic Framework | Android | HTML5mp3 下载离子框架 |安卓 | HTML5
【发布时间】：2015-10-02 04:22:07
【问题描述】：

我正在为 android 开发 ionic 框架。

它只包含一个 iframe，用于在空白项目中嵌入网站。这是网站http://www.ultrayoutube.com/ANDROID/#/wanna。

我面临两个问题

使 iframe 等于屏幕大小我希望 Iframe 等于 window 的大小。我正在使用<iframe src="http://www.ultrayoutube.com/ANDROID/#/wanna" style="width:100%; height:100%;" ></iframe>

但 iframe 在模拟器中只占屏幕的 1/2
当用户搜索歌曲时，他必须能够通过点击下载mp3来下载它

我已经通过一些插件作为文件传输插件，但它们都需要一个下载链接来下载一些东西。我希望当用户单击按钮下载 mp3 时，该链接会自动传递给插件并下载到用户的手机。

【问题讨论】：

标签： javascript android html iframe ionic-framework

【解决方案1】：

在 Document Head 上尝试初始化您的文件传输插件

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

}

更改：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);
            }
    );
};

...

【讨论】：

你能解释一下什么是 script.js 吗？