【问题标题】:Playing audio on in ionic app with audio html5 tag enough?在带有音频html5标签的离子应用程序中播放音频是否足够?
【发布时间】:2016-07-28 14:46:37
【问题描述】:

我正在尝试在 ionic 应用中播放音频。在浏览器中一切正常,但在设备上没有播放音频。但我认为它会播放文件,因为ng-hide 有效。我只是什么也没听到。音量开大了,我也试了下耳机。

我真的需要像org.apache.cordova.media 这样的插件吗?

我开发过一次app,播放了一个视频,有video标签就够了。

我的错误是什么?

这是我的代码:

.controller('AudioCtrl', function($scope, $http, $timeout) {
  var vid = document.getElementById("audio");
  vid.onended = function() {
    $timeout(function(){
       $scope.pause = true;
    }, 0);
  }
  $scope.pause = true;

  $scope.playAudio = function() {
      vid.play();
      $scope.pause = false;
  }

  $scope.pauseAudio = function() {
      vid.pause();
      $scope.pause = true;
  }

}

)

标记:

  <audio id="audio">
    <source src="../audio/14.mp3" type="audio/mpeg">
  </audio>
  <img src="img/second/play.png" ng-click="playAudio()" ng-hide="!pause" alt="" id="s_play" class="animated bounceIn">
  <img src="img/second/pause.png" ng-click="pauseAudio()" ng-hide="pause" alt="" id="s_play" class="animated bounceIn">

【问题讨论】:

    标签: angularjs html audio ionic-framework


    【解决方案1】:

    我有问题...

    mp3 的路径错误。应该是"audio/14.mp3"

    Chrome 可以加载它,但设备失败。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2014-11-16
      • 2017-04-12
      • 2011-10-16
      • 1970-01-01
      • 1970-01-01
      • 2016-06-17
      • 1970-01-01
      相关资源
      最近更新 更多