Question

我正在使用Ionic Framework开发一个应用程序，并在每次单击div时搜索（非常）简单的方式来播放声音。类似的东西：

<div ng-click="sound()"></div>

$scope.sound = function () {
    //sound play once here
}

如果解决方案可能是伟大的角度，但任何帮助将不胜感激。

Answer 1

我不明白为什么人们会推荐使用vanilla / ng音频方法。这是Ionic Framework，为了使其在所有设备（iOS，Android，Windows Phone等）上兼容，最好坚持使用Cordova。

使用these instructions（确保已在index.html文件中安装并包含ngCordova，并将其定义为依赖项）。将$cordovaMedia注入控制器/服务。

在您的控制器中：

$scope.myMedia = $cordovaMedia.newMedia('audio/song.mp3'); // Must be relative to index.html to work properly on Android

在您看来：

<button class="button button-positive" ng-click="myMedia.play()">
    Play sound!
</button>

<button class="button button-assertive" ng-click="myMedia.stop()">
    Stop sound!
</button>

Answer 2

$scope.sound=function(){
  var audio = new Audio('audio_file.mp3');
  audio.play();
}

单击div时如何播放简单的声音片段（如按钮单击）

2 个答案: