javascript - 我的播放器是否可以播放我的音频/视频文件的前 30 秒?
问题描述
是否可以让音频播放器仅在文件的前 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>
解决方案
我不能 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);
});
推荐阅读
- google-cast - Android Sender Seekbar 状态不准确
- class - 错误:将“const xxx”作为“this”参数传递会丢弃限定符
- javascript - Python、Javascript 和 C++ 中的全局变量
- node.js - 为什么我会收到“错误:找不到模块‘ejs’”
- python - qmlscene 和 Python 之间的不同屏幕:工具栏
- excel - Excel 需要查找连续 5 个数字中有 3 个大于或等于 0.45 的情况
- c# - C#编辑List中的前一个数组
- scala - 如何使用scala从spark中的数据集中提取字段值?
- python - 将匹配特定字段的记录复制到 Excel 文件中的特定工作表
- c# - 使用 IPC 中断正在运行的进程