社区
JavaScript
帖子详情
前端video标签以blob方式播放视频,如何实现视频的拖动或者从中间位置播放?
apas
2021-04-02 10:09:05
前端video标签以blob方式播放视频,如何实现视频的拖动或者从中间位置播放?
...全文
2197
1
打赏
收藏
前端video标签以blob方式播放视频,如何实现视频的拖动或者从中间位置播放?
前端video标签以blob方式播放视频,如何实现视频的拖动或者从中间位置播放?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
丰云
2021-04-13
打赏
举报
回复
参考参考,获取时长,就可以操作了
vue项目
视频
播放
器
实现
进度条
拖动
分享一个自己在项目中遇到的实际问题以及解决办法,早期HTML5提供了
video
标签
,在网页中
播放
视频
已经变成一个非常简单的事,只要一个
video
标签
,src属性设置为
视频
的地址就完事了。由于src指向真实的
视频
网络地址,我们使用的
video
播放
器在
播放
视频
的时候会发现无法将
视频
进度进行拖拽。
视频
播放
实现
示例Demo
今天又学到一种
播放
视频
的方法,先把
视频
分块的都获取到,然后再使用URL.createObject(chunks)创建
blob
Url,再把这个
blob
Url给到
video
标签
即可
播放
视频
(可以
拖动
视频
进度条)。但是这种缺点也很明显,得把所有
视频
文件分块获取完成后,才能
播放
视频
。体验上就不是很好。后面有时间可以看下MediaSource相关(能否
实现
边下载边
播放
,而不是非得等到全部下载完了再
播放
?
基于WebAssembly的
前端
视频
编辑器设计与
实现
(个人毕设论文删改)
基于WebAssembly的
前端
视频
编辑器设计与
实现
摘 要 JavaScript灵活而强大,而且足以应对大部分应用开发,但随着web应用发展,JavaScript面临性能瓶颈。近几年,主流浏览器各自进行提高浏览器应用性能的尝试并推出解决方案,他们最终达成一致,webassembly因此诞生了。它的诞生使得浏览器运行密集计算型应用有了新的途径。 当前,人们可能为了使用一些简单功能而下载安装软件,然而使用这些功能的频率低,当不需要使用这些功能时,还需要手动卸载这些应用。如果,浏览器能运行这些功能,人们只需打
如何利用纯
前端
技术,
实现
一个网页版
视频
编辑器?
本篇文章打算利用纯
前端
的技术,来
实现
一个网页版的
视频
编辑器。为什么突然想做一个这么项目来呢,主要是最近一直在利用手机剪映来剪辑一些照片或者
视频
之类的,在剪辑的过程中,突然想到,有没有一种纯网页版的
视频
剪辑网站呢?于是搜了下,大多为 sass 成熟版(需要花钱的那种),然后再加上最近一直在看
前端
技术,于是就打算利用现学的
前端
技术,来
实现
一个纯
前端
的纯网页版的
视频
编辑器demo
vue2+vite利用ffmpeg
实现
纯
前端
视频
剪切
组件可传入
视频
的起止时间,截取起止时间,
视频
地址和视轨所需参数,在视轨通过滑动鼠标选择被截取的部分,参数以及回调说明如下:参数描述参数名描述startTime
视频
开始时间,精确到毫秒endTime
视频
结束时间,精确到毫秒
视频
截取开始时间
视频
截取结束时间url
视频
地址ff
Video
视轨所需参数回调描述方法名描述回调形参参数描述queryTime截取时间段Array[开始时间,结束时间]sure确认裁剪Array[开始时间,结束时间]cancel取消裁剪。
JavaScript
87,910
社区成员
224,616
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章