Unity引擎播放HLS自适应码率流媒体视频

大家好,我是阿赵。今天来学习一下Unity引擎怎样播放自适应码率视频的方法。

一、 HLS是什么

HLS是什么,各位可以自己百度一下。简单的概括,HLS是一种自适应码率流媒体传输协议,实现的是分片下载和动态码率切换。

它的原理是把一段视频切分开很多段,然后分段加载,如果遇到网速不好或者其他适应性问题,可以动态的切换到不同的码率去播放。

二、 视频怎样转换HLS

如果需要本地把mp4之类的文件转换成HLS协议播放,需要用到ffmpeg。

可以去官网下载:https://ffmpeg.org/

下载的时候,比如是Windows系统,可以选择下面的Windows,然后选择一个别人build好的exe版本:

当下载完成之后,解压缩,会是这样:

其中bin文件夹里面会有exe可执行文件:

接下来使用ffmpeg来转换视频试试:

比如我拿了一个这样的mp4文件:

然后用cmd控制台找到ffmpeg.exe存放的路径,然后:

bash 复制代码
ffmpeg.exe -i d:/video/orig/Cones.mp4 -codec: copy -start_number 0 -hls_time 10 -hls_list_size 0 -f hls d:/video/hls/Cones.m3u8

这个命令的意思是,我的原始mp4文件放在d:/video/orig/Cones.mp4,然后想要转换后的文件放在d:/video/hls/Cones.m3u8,然后是打算把视频切片成10秒一段。

转换后的文件是这样的,包括一个m3u8文件,然后还有一个或者多个ts文件。

这里只有一个ts文件,是因为我选择的这个mp4文件本身就比较短,不到10秒,所以只能剪出一段。于是我改一下,改成3秒一段:

bash 复制代码
ffmpeg.exe -i d:/video/orig/Cones.mp4 -codec: copy -start_number 0 -hls_time 3 -hls_list_size 0 -f hls d:/video/hls/Cones.m3u8

这时候就剪出3个ts文件了:

打开m3u8文件看看:

里面只是几率了这个视频的一些情况和ts文件的分布。

所以实际播放的视频是在ts文件里面的。

三、 Unity引擎怎样播放HLS

Unity自带的VideoPlayer用于播放mp4视频是非常好用的,我们可以试试它是否能播放HLS的m3u8文件:

很可惜,VideoPlayer是不能播放m3u8文件的:

于是这里要用到一个视频播放插件,叫做AVPro Video:

具体的AVPro用法不是这次的重点,所以请自行下载和查询。

设置一下AVPro的MediaPlayer,MediaSource设置成Path,然后类型改成Absolute PathOrUrl,把刚才不能播放的m3u8文件填入MediaPlayer里面:

可以看到,这次在Unity引擎里面已经顺利的播放出HLS协议的m3u8文件了:

四、 WebGL怎样播放HLS

下面试试把Unity项目导出成WebGL还保持播放视频。先把刚才的项目试试导出WebGL:

由于WebGL的特殊性,所以在MediaPlayer上面要选择一下平台特性,找到WebGL,设置External Library为Hls js。

这里的意思是,需要通过Hls Js文件来播放WebGL下的视频。

这里主要需要hls.min.js

可以去这里下载:https://gitee.com/mirrors/hls-js/

下载下来之后会找到它:

这时候用Unity打包WebGL,打包完是这样的:

然后打开TemplateData文件夹,把hls.min.js文件放到里面:

再用编辑器打开Index.html:

在head标签里面加上一句调用:

bash 复制代码
<script src="TemplateData/hls.min.js"></script>

由于WebGL是不能直接在本地播放的,所以把刚才生成的文件全部放到服务器去,比如本地搭一个阿帕奇服务器,这时候可以通过ip地址去访问刚才的index.html。这个时候,网页打开了,会看到视频并没有播放,而是停留在了第一帧:

这里有个WebGL本身的问题,就是视频和音频不能自己播放,要在用户操作后才能播放。为了测试,我简单的加了个播放按钮,点击之后,视频就正常开始播放了:

相关推荐
拾荒的小海螺1 天前
开源项目:LTX2 高效可控的开源视频生成模型
开源·音视频
AC梦1 天前
unity中如何将UI上的字高清显示
ui·unity
EasyGBS1 天前
视频画面模糊、卡顿、丢失?EasyGBS新增“视频质量诊断”功能,告别人工盯屏
视觉检测·音视频·gb28181·花屏·视频质量诊断·蓝屏检测
zhuweisky1 天前
ArkTS实现鸿蒙手机视频聊天、屏幕分享(HarmonyOS)
音视频·harmonyos·鸿蒙开发
XHW___0011 天前
webrtc 关键模块创建的时机
网络·音视频·webrtc
Leinwin1 天前
VibeVoice-ASR:突破60分钟长音频处理瓶颈,语音识别进入端到端时代
人工智能·音视频·语音识别
EasyDSS1 天前
直播点播/视频会议EasyDSS一站式视频云平台,全场景视频服务开箱即用
音视频·hls·m3u8·点播技术·流媒体直播
Guheyunyi1 天前
什么是安全监测预警系统?应用场景有哪些?
大数据·运维·人工智能·安全·音视频
LittroInno2 天前
TVMS视频管理平台 —— 目标识别跟踪
人工智能·计算机视觉·音视频
小贺儿开发2 天前
Unity3D 智慧城市管理平台
数据库·人工智能·unity·智慧城市·数据可视化