Moovie.js - 电影集中于HTML5播放器

2021-03-20 08:58:20

<视频ID ="示例"海报=" <<路径到海报>" > <源SRC =" << path-to-file.mp4>>"类型="视频/ MP4" > <跟踪类型="标题"标签="葡萄牙语" srclang =" Pt" src =" << path-to-caption.vtt>>" > <跟踪类型="标题"标签="英语" srclang =" en" src =" << path-to-caption.vtt>>" >您的浏览器不支持视频标记。 < / video>

文档 。 AddeventListener(" domcontentloaded",function(){var demo = new moovie({选择器:"#示例"尺寸:{宽度:" 100%" 100%"} });});

目前它已完全支持WebVTT(.vtt)和子领域(.srt)。添加曲目使用标准HTML作为下面的示例。

可以在飞行中通过总共10秒(-5 / +5)调节偏移量。

演示。 addtrack({选项:{0:{标签:'意大利语' srclang:"它" src:"< path-to-file.vtt /。 srt"},1:{标签:'西班牙语',srclang:" es",src:"< path-to-file.vtt / path-to-file.vtt /。 SRT"}}}}}

//返回Player DOM元素演示。玩具线//返回一个布尔表示,指示当前播放器是否正在播放。演示。播放//返回一个布尔表示,指示当前播放器是否暂停。演示。暂停//返回一个布尔表示,指示当前播放器是否已停止。演示。停止//返回一个布尔值,指示当前播放器是否已完成播放。演示。结束//返回播放器的当期。演示。 CUNSPORTITY //返回当前媒体的持续时间。演示。持续时间//返回一个布尔表示,指示当前播放器是否正在寻找。演示。寻求//返回播放器的卷。演示。卷//返回一个布尔表示,指示当前播放器是否静音。演示。静音//返回当前PlayRate演示。速度//返回Mininum Speed允许演示。最终速度//返回最大速度允许演示。最大值//返回Mininum标题偏移允许演示。最终操作//返回最大标题偏移允许演示。 MaximumORFSet //返回当前标题偏移演示。 CaptionOffset //返回播放器演示的当前源。来源

//将Currentime设置为给定的号码(秒)演示。 CURPURYTIME = 60 //设置播放器' S卷向给定的数量(0.5为一半的卷)演示。卷= 0.5 //设置播放器'播放给定号码(0.1到8)演示。速度= 2 //设置播放器' s标题偏移到给定的数字(-5到5)演示。 CaptionOffset = 2

使用标准媒体事件,您可以在设置的目标元素上侦听事件。检查以下示例:

播放中止时发送;例如,如果媒体正在播放并从头开始重新启动,则会发送此事件。

当足够的数据可用时,可以播放媒体,至少用于几帧。

当ReadyState更改为hast_enough_data时,表示可以在不中断的情况下播放整个介质,假设下载速率至少在当前级别保持。

媒体已经空了;例如,如果已加载介质(或部分加载),则发送此事件,并调用加载()方法以重新加载它。

当在Firefox OS设备上中断的音频播放时发送,是因为播放音频的应用程序被发送到后台,或者更高优先级音频通道中的音频开始播放。

在Firefox OS设备上以前中断的音频在播放时发送,在中断结束时开始播放。

媒体' M元数据已完成加载;所有属性现在都包含与它们一样多的有用信息;重新进入。

由于播放方法或自动播放属性,播放状态不再暂停播放状态时发送。

当媒体有足够的数据开始播放时发送,但在播放事件之后,还要在恢复被停止时,当循环媒体重新启动时,并且在寻求之前,如果在寻求之前播放。

定期发送,以便在下载媒体的相关进展方。有关下载的当前媒体金额的信息可在媒体元素' s缓冲属性中提供。

当用户代理正在尝试获取媒体数据时发送,但数据出乎意料地展示。

暂停加载媒体时发送;这可能是因为下载已完成或因为它已被暂停而暂停任何原因。

当音频音量更改时发送(在设置卷时以及更改静音属性时)。

在延迟请求的操作(例如播放)时发送,等待另一个操作的完成(例如搜索)。 文档 。 AddeventListener(" domcontentloaded",function(){var demo = new moovie({选择器:"#示例"尺寸:{宽度:" 100%" 100%"} ,配置:{Storage:{CaptionOffset:False,PlayRatePeed:False,Prodionsize:False}}});});