divをクリックしたときの簡単なサウンドクリップ（ボタンクリックなど）の再生方法

Question

Ionic Frameworkでアプリケーションを開発し、divをクリックするたびにサウンドを再生する方法を探しています。これに似たようなもの：

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

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

解決策が偉大になるとすれば、どんな助けでも大歓迎です。

Answer 1

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

Answer 2

なぜ人々がvanilla/ngオーディオメソッドを推奨するのか分かりません。これはIonic Frameworkです。これをすべてのデバイス（iOS、Android、Windows Phoneなど）で互換性を持たせるには、Cordovaに固執するのが最善です。

Cordova Media pluginを使用してください（ngCordovaがインストールされ、index.htmlファイルに組み込まれていること、および依存関係として定義されていることを確認してください）。コントローラ/サービスに$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>