pscool的博客

/ 值为：'auto', 'hls', 'normal' or other custom type。// 值为：'auto', 'hls', 'normal' or other custom type。: 设置播放器模式，mode 取值应为 'mini' 或 'normal'// 预加载，值为 'none', 'metadata', 'auto': 返回播放器当前模式，'mini' 或 'normal'// 播放顺序，值为 'list', 'random'// 主题色, 优先级高于上面的theme。

将上传的视频文件，使用javacv拆分成m3u8文件和ts文件，m3u8文件和ts文件通过nginx访问，而key文件则通过web服务来获取。使用dplayer播放视频。也可以使用ffmpeg命令来做，可以参考上面链接。

springboot+ffmpeg，将视频转换为 m3u8 格式。转换方式有：指定文件路径 、文件上传转换两种转换方式。- 内部封装了操作ffmpeg命令的java类库。

这里nginx的版本是nginx-1.24.0。

开源流媒体框架ZLMediaKit C API JAVA实现，打造属于自己的流媒体服务。（基于C++开发的高性能流媒体服务器）- docker镜像部署。

Springboot、netty实现的http-flv、websocket-flv直播点播，支持rtsp、h264、h265、rtmp等多种源，h5纯js播放（不依赖flash），不需要nginx等第三方拉流服务，低延迟（支持识别h264、aac编码自动转封装）

此时，回到easydarwin控制台，可以看到延迟大概是4s。双击EasyDarwin.exe。可以看到实际上是1个m3u8地址。，使用obs推流时，填入该地址。设置好obs之后，点击开始直播。，用户名和密码都是admin。并且在播放页看到有拉流地址。点击播放，查看推流地址。，使用vlc打开地址。

上面打开推流之后，现在查看直播视频。3、输入自定义密码：123456，来到首页。按照操作步骤，设置obs，点击应用。1、使用docker运行服务。，也可以看到直播视频。

/ 建议浏览器在加载元素后是否应该开始下载视频数据。（包括nginx配置文件&nginx源码安装包和nginx-http-flv-module源码模块）'loadedmetadata---视频源数据加载完成----'// 允许覆盖Video.js无法播放媒体源时显示的默认信息。'loadeddata---渲染播放画面----'// 如果true,浏览器准备好时开始回放。//autoPlay必须为false。// 默认情况下将会消除任何音频。"此视频暂无法播放，请稍后再试"

Java实现视频加密及播放使用ffmpeg视频切片并加密mp4视频分片生成m3u8流文件并加密html中 videojs 播放m3u8文件【方式一】html中 DPlayer 播放m3u8文件【方式二】vue播放播放M3U8格式——HLS的直播流Vue Video.js播放m3u8视频流格式（video+videojs-contrib-hl）vue中使用video标签播放MP4，m3u8格式视频参考：Security OAuth2 授权 & JWT 中安装openssl部分、安装OpenSSL下载 ope

springboot-ffmpeg-demo gitee代码SpringBoot + FFmpeg实现一个简单的M3U8切片转码系统FFmpeg音视频核心技术精讲 - 百度网盘视频上传到本地之后（此处可分片上传到本地，然后合并），使用ffmpeg对视频处理成M3U8文件，暂时只测试了avi和mp4格式的文件。ffmpegFFmpegUtilsMediaInfoTranscodeConfigapplication.ymlApplicationUploadControllerinde

MInIO入门-04 基于minio+ckplayer视频点播 实现，minio-demo-video - Gitee代码地址视频分片上传Minio和播放文件在前端经过分片，将分片上传到后台服务器，后台服务器传到minio。所有分片上传完成后，前端根据bucketName和objectName从后台服务器获取资源，而后台读取请求的range范围响应流给前端播放。（优化点：1. 文件分片上传合并操作直接让前端和minio之间交互，而后台只生成每个分片的上传凭证 2. 视频播放不需要经过后台，而是由后台生

今天又学到一种播放视频的方法，先把视频分块的都获取到，然后再使用URL.createObject(chunks)创建blobUrl，再把这个blobUrl给到video标签即可 播放视频（可以拖动视频进度条）。但是这种缺点也很明显，得把所有视频文件分块获取完成后，才能播放视频。体验上就不是很好。后面有时间可以看下MediaSource相关（能否实现边下载边播放，而不是非得等到全部下载完了再播放?

文件预览图片预览PreviewImage组件须区分缩略图和原图，生成原图的所率土使用elment-ui的el-image-viewer预览图片在使用滚轮缩放预览图片时，禁止页面跟随滚动<template> <div class="image-viewer"> <el-image-viewer :initial-index="previewImgIndex" hide-on-click-modal :url-list

上面的分段请求，我感觉是不是哪里写的有问题，接下来使用一些springboot自带的分段资源处理，它没有报错，后面需看看源码是为什么？autoplay属性：video标签设嚣该属性，就会自动播放（但是，必须同时设置muted，否则不会自动播放）poster属性：设置视频摇放前显示图像（相当于视频封面，默认情况下，在视频未播放前，会显示视频的第一帧）loop属性：video标签出现该属性，在视频播放结束后会循环播放（默认情况下，视频播放完了就会就停止）src：接收要播放的视频的url地址，这个url可以是。

/ 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)

如图选择ts流（激活转码要勾选哦），点击下一个。点击添加，选择视频文件，后点击串流。然后，稍等，就可以看到视频在播放了。输入rtsp的地址，点击播放。手动输入rtsp的推流地址。与上面相同，点击媒体->流。选择rtsp后，点击添加。手动输入路径，点击下一个。点击媒体->打开网络串流。可以看到推流地址，点击流。点击串流后，点击下一个。即可看到，它开始推流了。选择rtsp，点击添加。选择ts，点击下一个。

当一个视频文件过大时，不可能一次性的将整个视频的文件流全部写给前端。所以需要用到ffmpeg，将视频按时间分割成ts文件，ts文件比较小，因此浏览器就可以请求这个ts文件，ffmpeg在将视频分割成ts文件时，还会生成一个.m3u8的文件，它相当于与是这些分割的ts文件的一个索引，所以前端只要拿到这个索引文件，并且根据这个索引文件去拿ts文件来做播放。只是实现了个视频播放的demo，至于还有些问题，没深入都能拿到这个m3u8文件的话，那岂不是所有人都能访问，前端如何和后端做认证或加密什么的。