在Cordova应用程序中播放音频声音

Posted 2021-04-09

我正在使用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>

我怎么解决这个问题 ？

答案

要回答您的问题，您可以使用以下github page中的Media Plugin找到cordova应用程序的工作示例。

如示例项目的自述文件中所述，您还必须安装cordova设备插件以检查设备平台。

另外为了澄清你在评论中提到的疑问，android_asset指的是项目的根文件夹。

另一答案

浪费了2个小时，在这里分享：

这应该不是那么困难。没有完整的例子：https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-media/

简单的一步一步细节：

1. 把我的文件放在www：

例如：www/audio/button-1.mp3

2. 安装插件： cordova plugin add cordova-plugin-media
3. 复制下面的粘贴代码：

`

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

`

第4步：在需要播放声音的地方拨打以下电话：

playMP3();