3.6.x在3D模型播放直播视频

参考两个大佬的帖子:

  1. 元宇宙-漫游世界后与Cocos一起看湖南卫视直播
    2.3d video插件 Cocos Store

引用如下:
TcPlayer库引用地址:https://imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer-2.3.3.js

没有引用hls库;

html代码如下:

<meta charset="utf-8">

<title>直播测试</title>

<script src="TcPlayer-2.3.3.js" charset="utf-8"></script>

<!-- <script src="hls.min.js" charset="utf-8"></script> -->
<div id="kuokuo_test_video" style="width:100%; height:auto;">



<!-- <video id="kuokuo_test_video" class="video-js" x-webkit-airplay="allow" webkit-playsinline controls poster="poster.png"

  preload="auto" width="640" height="360" data-setup="{}">

</video> -->

<script>

    window.kuokuoPlayer = new TcPlayer('kuokuo_test_video', {

        m3u8: "http://219.151.31.38/liveplay-kk.rtxapp.com/live/program/live/hnwshd/4000000/mnf.m3u8",

        autoplay: true,

        width: '500', //视频分辨率宽度

        height: '500' //视频分辨率高度

    });

</script>

问题:
1.原教程,没有写TcPlayer在cocos里怎么使用;
2.原教程里没有写,如何用3d video播放tcplayer播放的标签;
3.tcplayer播放的是div标签,而3D video播放的是video标签;虽然3d video作者说不是video也可以,只要能获取到视频帧;

没必要用其他的库,参考这篇帖子用视频帧播放,真花一两百买就有点傻了,不过音频可能有点问题

我看看。,能解决问题,一两百倒也可以接受。主要是能解决问题。解决不了就比较白费。

我不需要播放音频

我看你也写了一个DEMO,直播流可以播放么?

只要能获取直播的数据就可以,自己多尝试下,不知道就百度,谷歌

有个问题是,都是通过video标签来实现,但是我这边播放器是用div标签来播放的。

你理解错了,虽然写的时候传入了div的id作为参数,但是会再其下方生成video标签的。div哪有播放视频的功能!

你直接用document的搜索所有标签的那个方法,传入video就获取到所有video标签了。

1赞

我获取到了div下的video标签,刚才也试到了这样。
新问题来了,视频不能自动播放,调用play()方法说没有这个方法。
视频不播放,就没法获取视频帧了吧?

document.querySelectorAll(“video”); 使用的这个方法获取的video

建议楼主直接找到对应的作者问问看。

两个作者都问了

直接获取到视频帧数据,rgb或者yuv,然后渲染到sprite上或者3d物体上,如果你有flv的流地址的话,可以参考一下这个直播组件,Cocos Store

HLS 或 RTMP 地址大佬可以增加支持么?

我找到一个FLV的直播地址,我试试这个插件看看

目前不支持呢,flv比较通用,上cdn也基本都是flv,出流服务器基本都支持flv的

好,我这边使用的网易直播SDK和开会议,有FLV流地址

网易直播的FLV流无法在你的DEMO里播放

网易有防盗链机制,你可以关闭了再试试

我用的是最新地址,用网易播放器SDK可以播放。

可以私信个地址我测试一下或者截个图看看是什么报错