javascript - mp3 下载 Ionic 框架 |安卓 | HTML5

Question

我正在研究 android 的 ionic 框架。

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

我面临两个问题

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

   但是 iframe 在模拟器中只占屏幕的 1/2

2. 当用户搜索歌曲时，他必须能够通过单击“下载 mp3”来下载该歌曲

我已经使用了一些插件作为文件传输插件，但它们都需要下载链接来下载某些内容。我希望当用户单击“下载 mp3”按钮时，该链接会自动传递给插件并下载到用户的手机上。

Answer 1

在文档头上尝试初始化您的文件传输插件

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

...