![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
视频
文章平均质量分 78
ps酷教程
热爱技术,一点点的学习
展开
-
视频播放实现示例Demo
今天又学到一种播放视频的方法,先把视频分块的都获取到,然后再使用URL.createObject(chunks)创建blobUrl,再把这个blobUrl给到video标签即可 播放视频(可以拖动视频进度条)。但是这种缺点也很明显,得把所有视频文件分块获取完成后,才能播放视频。体验上就不是很好。后面有时间可以看下MediaSource相关(能否实现边下载边播放,而不是非得等到全部下载完了再播放?原创 2023-08-18 23:14:58 · 415 阅读 · 0 评论 -
video标签学习 & xgplayer视频播放器分段播放mp4
上面的分段请求,我感觉是不是哪里写的有问题,接下来使用一些springboot自带的分段资源处理,它没有报错,后面需看看源码是为什么?autoplay属性:video标签设嚣该属性,就会自动播放(但是,必须同时设置muted,否则不会自动播放)poster属性:设置视频摇放前显示图像(相当于视频封面,默认情况下,在视频未播放前,会显示视频的第一帧)loop属性:video标签出现该属性,在视频播放结束后会循环播放(默认情况下,视频播放完了就会就停止)src:接收要播放的视频的url地址,这个url可以是。原创 2023-05-30 13:02:55 · 4306 阅读 · 1 评论 -
Hls.js播放m3u8视频 & DPlayer视频播放器(easypan) & MSE简介
/ hls.js如何播放m3u8文件(实例)?(https://blog.csdn.net/ffffffff8/article/details/129314268)// Vue 之 视频流 - Hls.js(https://blog.csdn.net/a15297701931/article/details/115478652)// hls的github文档中的api:(https://github.com/video-dev/hls.js/blob/master/docs/API.md)原创 2023-05-29 21:47:01 · 6311 阅读 · 0 评论 -
springboot + vue3实现视频播放Demo(video.js & Vue3-video-play视频播放器)
当一个视频文件过大时,不可能一次性的将整个视频的文件流全部写给前端。所以需要用到ffmpeg,将视频按时间分割成ts文件,ts文件比较小,因此浏览器就可以请求这个ts文件,ffmpeg在将视频分割成ts文件时,还会生成一个.m3u8的文件,它相当于与是这些分割的ts文件的一个索引,所以前端只要拿到这个索引文件,并且根据这个索引文件去拿ts文件来做播放。只是实现了个视频播放的demo,至于还有些问题,没深入都能拿到这个m3u8文件的话,那岂不是所有人都能访问,前端如何和后端做认证或加密什么的。原创 2023-05-12 17:08:50 · 5179 阅读 · 3 评论 -
vlc搭建rtsp直播Demo & ffmpeg + nginx + flv.js实现rtsp网页播放Demo
如图选择ts流(激活转码要勾选哦),点击下一个。点击添加,选择视频文件,后点击串流。然后,稍等,就可以看到视频在播放了。输入rtsp的地址,点击播放。手动输入rtsp的推流地址。与上面相同,点击媒体->流。选择rtsp后,点击添加。手动输入路径,点击下一个。点击媒体->打开网络串流。可以看到推流地址,点击流。点击串流后,点击下一个。即可看到,它开始推流了。选择rtsp,点击添加。选择ts,点击下一个。原创 2023-05-14 22:02:27 · 4609 阅读 · 2 评论