HTML5   发布时间:2022-04-26  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了HTML5视频在javascript中完全预加载大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个高质量的视频,我无法压缩太多,因为它将成为大量图像分析的基础,每个帧将被重绘到画布然后进行操作.

我试图在播放之前预先加载整个内容,因为我无法将视频停止,缓冲并继续.是否有一个我可以收听的事件,表示在开始播放之前整个视频已预先加载?

这是我在JS / jQuery中的表现:

this.canvas            = this.el.find("canvas")[0];
this.video             = this.el.find("video")[0];
this.ctx               = this.canvas.getContext("2d");
this.video.autoplay    = false;

this.video.addEventListener("play",this.draw)
this.video.addEventListener("timeupdate",this.draw)
this.video.addeventlistener("ended",this.trigger("complete",this))

解决方法

canplaythrough是在没有缓冲的情况下下载足够数据时应该触发的事件.

从Opera团队出色(然现在可能非常过时)资源Everything you need to know about HTML5 video and audio

请注意,iOS设备不支持“canplaythrough”事件,如areweplayingyet.org:http://areweplayingyet.org/event-canplaythrough所述

您可以通过将load元素绑定到同一个函数来绕过支持限制,因为它会触发那些.

大佬总结

以上是大佬教程为你收集整理的HTML5视频在javascript中完全预加载全部内容,希望文章能够帮你解决HTML5视频在javascript中完全预加载所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。