Question

是否可以使音频播放器仅在文件的前30秒播放文件？

这只是我的播放器的一个示例，带有音乐源（稍后我将进行更改，以便将其从数据库中提取出来）。

<div class="col-md-4 player">
  <div class="audio-player">
    <audio id="audio-player"  controls="controls">
      <source src="media/Blue Browne.ogg" type="audio/ogg"></source>
      <source src="media/Blue Browne.mp3" type="audio/mpeg"></source>
      <source src="media/Georgia.ogg" type="audio/ogg"></source>
      <source src="media/Georgia.mp3" type="audio/mpeg"></source>
    </audio>
  </div>
  <!---->
  <script type="text/javascript">
    $(function(){
      $('#audio-player').mediaelementplayer({
        alwaysShowControls: true,
        features: ['playpause','progress','volume'],
        audioVolume: 'horizontal',
        iPadUseNativeControls: true,
        iPhoneUseNativeControls: true,
        AndroidUseNativeControls: true
      });
    });
  </script>
</div>

Answer 1

我不确定这些事件名称是否正确，但不能100％确定此底层代码是否应该工作。

var playTimeout;    

$("#audio-player").on("play", function(e) {
    playTimeout = setTimeout(function() {
        $("audio-player").pause();
        $("audio-player").setCurrentTime(0); // Restarts video
    }, 30000); // 30 seconds in ms
});


$("#audio-player").on("pause", function(e) {
    clearTimeout(playTimeout);
});

Answer 2

您可以为timeupdate事件添加事件处理程序。大约每隔一秒就会调用一次。在事件处理程序功能中，您可以检查当前播放器的持续时间。如果超过30秒，则可以停止播放器。这样可以确保您的视频播放时间不会超过30秒。

看看MediaElement文档：https://github.com/mediaelement/mediaelement/blob/master/docs/api.md#events

我的播放器是否可以播放音频/视频文件的前30秒？

2 个答案: