新版Unity 打包webgl版本播放 hls 视频流,使用AVPro插件播放

这里说的新版大概指的是2020以后的版本,因为我发现2019和2020之后unity打包出来的webgl就有了很大不一样,网上找到的很多说的都是2019版本或之前的hls播放方法,故在此记录一下新版的unity webgl版本打包播放方法。本人用html也没学过,只是依样画葫芦的写出来,亲测居然可用,故在此记录一下,说不定能帮到同样遇到相同问题的有缘人。

首先创建自己的webgl模板,并在网上下载hls.min.js文件,将其放到自己模板的TemplateData文件夹下,如下图所示。(关于怎么创建自己的模板,直接复制一份unity自带的模板即可)

比较关键的一步,需要修改模板中Index.html文件,让它加载hls.min.js文件,加入文本

 

var hlsUrl="TemplateData"+"/hls.min.js";
var script1 = document.createElement("script");
      script1.src = hlsUrl;
      script1.onload = () => { };
      document.body.appendChild(script1);

修改的地方如下图所示

 

 

我这里使用的是AvPro插件,需要设置webgl播放方式支持hls,如下图

 路径类型选择Absolute Path Or URL,传入你的.m3u8视频路径即可

 最后选择自己配置的webgl模板打包即可

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值