我有多个<audio>
我的代码中的标签,我想知道是否有一种方法可以将每个标签设置为具有自定义start and end位置,因为它们都加载相同的文件。
这应该在没有用户交互的情况下发生。我需要有效地部署和<audio>
标签并有类似的东西data-start="04.22" data-end="09.45"
有一个时间范围参数 https://developer.mozilla.org/en-US/Apps/Fundamentals/Audio_and_video_delivery#Specifying_playback_range可在 MediaElement 中使用src
属性正是这样做的。
://url/to/media.ext#t=[starttime][,endtime]
请注意,如果启用这些元素上的控件,则用户将能够寻找不同的位置。
例子 :
var url = 'https://upload.wikimedia.org/wikipedia/commons/4/4b/011229beowulf_grendel.ogg';
var slice_length = 12;
var audio, start, end;
for (var i = 0; i < 10; i++) {
start = slice_length * i; // set the start
end = slice_length * (i + 1); // set the end
// simply append our timerange param
audio = new Audio(url + '#t=' + start + ',' + end);
audio.controls = true; // beware this allows the user to change the range
document.body.appendChild(document.createTextNode(start + 's ~ ' + end + 's'));
document.body.appendChild(document.createElement('br'));
document.body.appendChild(audio);
document.body.appendChild(document.createElement('br'));
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)