Fork me on GitHub

李可

导航

统计

video和audio

一:https://developer.mozilla.org/zh-CN/docs/Web/Guide/Events/Media_events
设置了元素的crruentTime特性值为10.0,这会初始化一个在媒体中跳跃(快进)到10s位置的操作。操作开始时会引起一个seeking事件,随后当跳跃操作完成时会触发seeked事件。
二:https://www.cnblogs.com/rogerwu/p/10072119.html

三:https://www.imweb.io/topic/560a6015c2317a8c3e086207
三:https://cloud.tencent.com/developer/article/1548262
四:https://www.w3school.com.cn/tags/av_event_canplaythrough.asp

定义和用法
当浏览器预计能够在不停下来进行缓冲的情况下持续播放指定的音频/视频时,会发生 canplaythrough 事件。

当音频/视频处于加载过程中时,会依次发生以下事件:

loadstart
durationchange
loadedmetadata
loadeddata
progress
canplay
canplaythrough

五:https://www.jianshu.com/p/a1bf52eb3040

loadstart 可用于判断当前浏览器是否支持自动load和自动播放,如不支持,则需要考虑hack方法
durationchange 时长数据发生变化
loadedmetadata 载入元数据 包括宽高和时长,此时如果元素宽高未指定,则会自适应宽高
loadeddata 当前帧的数据已加载,但没有足够的数据来播放指定音频/视频的下一帧时
progress 正在下载
canplay 部分可播放,此时播放按钮变为可点击状态
canplaythrough 已经全部加载完毕,可以完整播放

posted on   李可在江湖  阅读(187)  评论(0编辑  收藏  举报

编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· 展开说说关于C#中ORM框架的用法!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
历史上的今天:
2017-07-25 vscode 不显示指定后缀名pyc文件
点击右上角即可分享
微信分享提示