×

spring boot

大文件切片上传、视频切片上传转m3u8播放(视频切片成m3u8上传服务器)

水 发表于2024-04-30 浏览10532 评论0
一、故事 前不久干项目,涉及到在线学习,简单来说就是对文章、视频进行在线学习,这个时候问题出现了,就是在上传视频的时候,速度很是慢,除此之外,视频播放也是卡的鸭皮,然后就开始疯狂网上搜刮知识,最终解决方案如下。 二、解决方案 1、视频采用切片上传,通过调用后端切片上传接口进行上传 2、切片上传结束后通过合并切片接口进行合并成为完整的视频 3、调用ffmpeg工具进行视频转m3u8格式形成ts切片 4、ts切片多线程上传至MinIO or OSS 5、返回m3u8格式文件地址,前

chrome

别找了,Chrome浏览器必装插件都在这了(Chrome浏览器安装插件)

liukeshu liukeshu 发表于2024-04-30 浏览12431 评论0
Chrome必装插件 1、Tampermonkey(油猴脚本) 推荐指数:★★★★★ Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox。 虽然有些受支持的浏览器拥有原生的用户脚本支持,但 Tampermonkey 将在您的用户脚本管理方面提供更多的便利。 它提供了诸如便捷脚本安装、自动更新检查、标签中的脚本运行状况速览、内置的编辑器等众多功能,

spring boot

Spring boot视频播放(解决MP4大文件无法播放),整合ffmpeg,用m3u8切片播放。

南通东东办公设备 南通东东办公设备 发表于2024-04-30 浏览7446 评论0
一.首先说一下,不超过500M的视频如何提供给前端,这种方式比较快速,但是对前端不友好,特别大的视频文件,浏览器无法播放。 下面是Java代码实例。 这种方式不需要引入依赖。首先进行配置 import org.springframework.core.io.FileSystemResource; import org.springframework.core.io.Resource; import org.springframework.stereotype.Component; im

nginx

nginx搭建rtmp服务器

小调 小调 发表于2024-04-30 浏览9569 评论0
目录 前言 一、nginx是什么? 二、环境准备 1.系统版本 2.nginx版本 三、搭建过程 1.安装编译 nginx 所需要的库 2.下载 nginx-1.21.6.tar.gz 3.下载 nginx-rtmp-module 4.解压 1)解压nginx文件 2)解压rtmp模块 5.编译 1)进入解压后的nginx路径 2)编译 3)安装 6.启动nginx,检测nginx是否能成功运行 7.配置nginx使用RTMP, /usr/local/ng

JavaScript教程

flv.js解析与使用(flv.js文档)

dede58织梦模板 dede58织梦模板 发表于2024-04-28 浏览6698 评论0
简介 Flv.js 是 HTML5 Flash 视频(FLV)播放器,纯原生 JavaScript 开发,没有用到 Flash。由 bilibili 网站开源。它的工作原理是将 FLV 文件流转码复用成 ISO BMFF(MP4 碎片)片段,然后通过 Media Source Extensions 将 MP4 片段喂进浏览器。Github地址:https://github.com/Bilibili/flv.js/flv.js demo地址:http://bilibili.github.io/fl

html5教程

【前端学习】前端学习第二天:图片标签、音频标签及视频标签的用法说明

My My 发表于2024-04-27 浏览6183 评论0
一、图片标签 在介绍图片标签之前,首先可以了解一下图片的格式。 1、jpeg(jpg):支持的颜色比较丰富,不支持透明效果,不支持动图; 2、gif:支持的颜色比较少,支持简单透明,支持动图; 3、png:支持的颜色丰富,支持复杂透明,不支持动图; 4、webp:是谷歌新推出的专门用来表示网页中图片的一种格式,具备其他格式的所有优点,占用内存还小,但是兼容性不好。 图片标签通过使用<img>标签引入外部图片,img标签属于替换元素,也就是基于块元素和行内元素之间,具有两种

JavaScript教程

vue在网页上播放h265编码的视频(内附github不能访问的解决办法)

dede58织梦模板 dede58织梦模板 发表于2024-04-24 浏览9061 评论0
需求 要使用vue进行h265编码的视频播放,包括m3u8格式的文件、mkv格式视频和av1封装的MP4视频 但是对于vue常用的播放插件如vue-video-player或者videojs,只支持h264编码的视频 解决过程 1、EasyPlayer.js 这个插件感觉应该是挺常用的,随便在网页上一搜h265视频播放,就蹦出这个 官方地址:https://github.com/tsingsee/EasyPlayer.js 基本上按照官方给的demo来,就能够集成成功

django

从零开始打造云端AI管理调度平台(番外篇_2)视频播放器(视频云终端)

轩魂国度 轩魂国度 发表于2024-04-23 浏览7213 评论0
本次更新主要更新一个HTML5视频播放器,用于在内容库当中的视频查看以及后续的智能处理结果查看。 视频播放一定要采用流式传输 为什么在文章刚开头我就要强调这一点。 因为很多新手小白在创建video标签时,会直接填写文件的路径,如下: <video class="video" poster="" width="960" height="540" controls preload> <source src="/media/test.mp4"

flask

python工具方法 29 基于Flask搭建自己的视频服务器网站

修无生 修无生 发表于2024-04-23 浏览4198 评论0
Flask作为一个轻量级的python web框架可以实现很多的功能。有的时候,在手机上下载视频网速较慢,这就可以改用电脑进行下载。但是,作为一名程序员下载好的视频其实是没有必要传输到手机上的,因为,可以通过Falsk搭建视频服务器,通过手机浏览器访问个人电脑ip(这里有一个前提,就是手机和电脑要在同一个局域网中)就可以流畅的播放电脑上的影视。 搭建视频服务网站,本质分为3个部分,1、视频文件列表;2、视频文件播放页面、3、视频流输出接口。在浏览器端,用户能感受到的只有视文件列表,视频文件播放

html5

video标签学习,实现有声音自动循环播放(video元素中的属性,哪一个可以实现视频循环播放?)

依然 依然 发表于2024-04-23 浏览11997 评论0
video标签核心属性: src 要播放的视频的 URL。 autoplay 如果出现该属性,则视频在就绪后马上播放。 controls 如果出现该属性,则向用户显示控件,比如播放按钮,进度条等。 height 设置视频播放器的高度。 width 设置视频播放器的宽度。 autoplay 如果出现该属性,则视频在就绪后马上播放。 controls 如果出现该属性,则向用户显示控件,比如播放按钮,进度条等。 loop 如果出现该属性,视频播放结束会再次播放,即循环播放。 muted 静音播放。