我正在使用 Cordova 媒体插件在我的移动应用程序中播放音频
我尝试了很多代码,但我没有弄清楚我在底部做错了什么,我放了两段我尝试过的代码
第一个代码(js代码在单独的文件中)
var app = {
initialize: function() {
this.bindEvents();
},
bindEvents: function() {
document.addEventListener('deviceready', this.onDeviceReady, false);
},
onDeviceReady: function() {
var myMedia = new Media("../sounds/clapping.mp3");
myMedia.play();
}
};
app.initialize();
第二个代码(脚本标签中的js代码):
document.addEventListener("deviceready", function(){
var myMedia = null;
function playAudio() {
var src = "sounds/clapping.mp3";
if(myMedia === null) {
myMedia = new Media(src, onSuccess, onError);
function onSuccess() {
console.log("playAudio Success");
}
function onError(error) {
console.log("playAudio Error: " + error.code);
}
}
myMedia.play();
}
document.getElementById("playAudio").addEventListener("click", playAudio);
});
有一个按钮:
<button id ="playAudio">PLAY</button>
我怎么解决这个问题 ?
浪费了2个小时,分享一下:
这不应该这么困难。没有完整的示例:https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-media/ https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-media/
简单的一步一步详细信息:
- 将我的文件放在 www:
示例位于:www/audio/button-1.mp3
-
安装插件:
cordova plugin add cordova-plugin-media
复制粘贴以下代码:
`
function getFullMediaURL(s) {
return cordova.file.applicationDirectory + 'www/audio/button-1.mp3'
}
function playMP3() {
let src = getFullMediaURL();
var myMedia =
new Media(src,
function () { },
function (e) { alert('Media Error: ' + JSON.stringify(e)); }
);
myMedia.play();
myMedia.setVolume('1.0');
}
`
第四步:在需要播放声音的地方调用下面的方法:
playMP3();
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)