社区
JavaScript
帖子详情
前端video标签以blob方式播放视频,如何实现视频的拖动或者从中间位置播放?
apas
2021-04-02 10:09:05
前端video标签以blob方式播放视频,如何实现视频的拖动或者从中间位置播放?
...全文
2294
1
打赏
收藏
前端video标签以blob方式播放视频,如何实现视频的拖动或者从中间位置播放?
前端video标签以blob方式播放视频,如何实现视频的拖动或者从中间位置播放?
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
丰云
2021-04-13
打赏
举报
回复
参考参考,获取时长,就可以操作了
分段获取
视频
流,合并后使用
video
标签
播放
今天又学到一种
播放
视频
的方法,先把
视频
分块的都获取到,然后再使用URL.createObject(chunks)创建
blob
Url,再把这个
blob
Url给到
video
标签
即可
播放
视频
(可以
拖动
视频
进度条)。但是这种缺点也很明显,得把所有
视频
文件分块获取完成后,才能
播放
视频
。体验上就不是很好。后面有时间可以看下MediaSource相关(能否
实现
边下载边
播放
,而不是非得等到全部下载完了再
播放
?
html5
视频
播放
器的
video
标签
,如何
实现
禁止
拖动
播放
进度条
html5
视频
播放
器的
video
标签
,如何
实现
禁止
拖动
播放
进度条。有几种方法可以在 HTML5
video
标签
中禁止用户
拖动
播放
进度条。以下是主要的
实现
方式
,您可以根据您的具体需求选择最适合的方法
没有正确使用HTTP Range Request,导致访问Azure
Blob
存储的
视频
没有
实现
流式
播放
组里的小伙伴在修改
视频
播放
相关的代码,修改之前的方案使用CDN转发,可以
实现
流式
播放
,修改之后的代码因为没有正确的使用Http Range Request, 导致画面访问Azure
Blob
存储的
视频
没有
实现
流式
播放
,整理下线索在这里。
使用HTML5中的
Blob
对象
实现
媒体
播放
功能
实现
从服务器其他路径(不在webContent路径下)获取文件,并进行显示或
播放
的功能。其原理是,首先通过ajax请求,获取
blob
对象,在这个过程中就可以进行访问限制(例如,访问时检测用户是否登录等)。然后通过js获取
blob
对象的路径,然后赋给
标签
。
vue项目
视频
播放
器
实现
进度条
拖动
分享一个自己在项目中遇到的实际问题以及解决办法,早期HTML5提供了
video
标签
,在网页中
播放
视频
已经变成一个非常简单的事,只要一个
video
标签
,src属性设置为
视频
的地址就完事了。由于src指向真实的
视频
网络地址,我们使用的
video
播放
器在
播放
视频
的时候会发现无法将
视频
进度进行拖拽。
JavaScript
87,997
社区成员
224,709
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章