m0_67646599 2023-12-27 16:31 采纳率: 73.9%
浏览 3
已结题

使用RecordRTC怎么实时获取视频流

使用RecordRTChuo每秒获取视频流时,我在ondataavailable回调函数中返回参数的stream为什么会报错呢?我看官方文档好像是录制完视频之后拿到视频流,RecordRTC是不是本身就仅仅做视频录制的?不能作为实时传输数据吗?

img


代码如下:


        var myVideo = document.getElementById('myVideo')
        var img = document.getElementById('img')
        let recorder = new Object();
        var videoStearm = new Object();

        function openRecord() {
            navigator.mediaDevices.getUserMedia({
                video: {
                    width: "200",
                    height: "200",
                    frameRate: 24
                },
                audio: true,
                elementClass: 'multi-streams-mixer'
            }).then(async function(stearm) {
                videoStearm = stearm;
                //把流赋值给video 实现实时录制
                myVideo.srcObject = stearm;
                //立马开始播放视频流
                myVideo.play();
                recorder = RecordRTC(stearm, {
                    type: 'video',
                    //视频类型
                    mimeType: 'video/mp4',
                    timeSlice: 1000,
                    //该回调函数必须和上面的timeSlice分片时间配合使用
                    //实时传输录制数据:使用WebRTC的数据通道将录制的数据实时传输给服务器
                    //通过webRTC数据通道发送这些块
                    ondataavailable: function (blob) {
                        console.log(blob)
                    },
                    // 获取时间片段的时间戳
                    onTimeStamp: function (timestamp) {

                    },
                    bitsPerSecond: 128000,
                })
                //开启录制
                recorder.startRecording()
                //const sleep = m => new Promise(r => setTimeout(r, m));
                //await sleep(10000);

            }).catch((err) => {
                console.log('用户未开启视频权限')
            })
        }
  • 写回答

1条回答 默认 最新

  • CSDN-Ada助手 CSDN-AI 官方账号 2023-12-27 18:41
    关注

    【相关推荐】



    • 这篇博客: RecordRTC的视频录制,回放,截图,下载中的 RecordRTC的视频录制及播放 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

      recordRTC是前端的一个视频录制的工具,用于音频+视频+屏幕+画布(2D+3D动画)录制的WebRTC JavaScript库。
      最下面会贴出所有相关代码。
      在这里插入图片描述


    如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 3月14日
  • 已采纳回答 3月6日
  • 创建了问题 12月27日

悬赏问题

  • ¥50 求解vmware的网络模式问题
  • ¥24 EFS加密后,在同一台电脑解密出错,证书界面找不到对应指纹的证书,未备份证书,求在原电脑解密的方法,可行即采纳
  • ¥15 springboot 3.0 实现Security 6.x版本集成
  • ¥15 PHP-8.1 镜像无法用dockerfile里的CMD命令启动 只能进入容器启动,如何解决?(操作系统-ubuntu)
  • ¥30 请帮我解决一下下面六个代码
  • ¥15 关于资源监视工具的e-care有知道的嘛
  • ¥35 MIMO天线稀疏阵列排布问题
  • ¥60 用visual studio编写程序,利用间接平差求解水准网
  • ¥15 Llama如何调用shell或者Python
  • ¥20 谁能帮我挨个解读这个php语言编的代码什么意思?