1 问题描述

开源工程： https://github.com/LingyuCoder/SkyRTC-demo

步骤 ：按照操作步骤，在本地部署后，使用火狐浏览器打开"localhost:3000#roomName"。浏览器提示需要共享摄像头，选择允许。

现象 ：浏览器有摄像头的图标显示，但是网页上没有本地的视频流画面

step1 按下F12，查看控制台信息：

Uncaught TypeError: URL.createObjectURL: Argument 1 is not valid for any of the 1-argument overloads.

说明API接口使用方式错了。

step2 查找官方文档

https://developer.mozilla.org/zh-CN/docs/Web/API/URL/createObjectURL

点击查看srcObect用法

原因已经清楚了：API接口变了

3 解决方式

修改index.html中的代码：

    document.getElementById('my_video').srcObject = stream;
    //document.getElementById('my_video').src = window.URL.createObjectURL(stream);

1 问题描述开源工程：https://github.com/LingyuCoder/SkyRTC步骤：按照操作步骤，在本地部署后，使用火狐浏览器打开"localhost:3000#roomName"。浏览器提示需要共享摄像头，选择允许。现象：浏览器有摄像头的图标显示，但是网页上没有本地的视频流画面2 原因step1 按下F12，查看控制台信息：Uncaught TypeError: URL.createObjectURL: Argument 1 is not valid fo. 使用命令npm install安装所需要的库 运行命令node server.js，建议配合forever 访问localhost:3000#roomName查看效果，其中roomName为进入的房间名，不同房间的用户 无法 互相通信 ##功能说明 支持划分房间的在线音频、视频、文字聊天，提供房间内文件共享功能 ## Sky RTC 项目链接 openssl genrsa -des3 -passout pass:x -out server.pass.key 2048 # writing RSA key openssl rsa -passin pass:x -in server.pass.key -out server.key rm server.pass.key openssl req -new -key server.key -out server.csr openssl x509 -req -sha256 -days 365 -in server.csr -signkey server.key -out server.crt 安装依赖启动服务 yarn start WebRTC 数据通道的简单示例。 使用替代实际的信令通道。 我之所以这样做，是因为我对缺乏良好的 WebRTC 数据频道示例和在线教程感到沮丧。 在侧面遵循MDN时，该代码应该是不言自明的。 只有一个陷阱，它已被记录/注释。 遵循开发人员工具中的控制台消息后，应该可以清楚地了解发生的情况和时间。 提供者-应答者模式 Unix： open offerer-answerer/index.html Windows： start offerer-answerer/index.html Chrome测试： ./cmd/chrome-screenshot/cmd.sh offerer-answerer Firefox测试： ./cmd/firefox-screenshot/cmd.sh offerer-answerer 在此演示中，提供者和应答者有两个单独的文件，以便 一个Node.js编写的 WebRTC 服务器端库，为服务器端库，需要配合客户端库 Sky RTC -client共同使用，用于搭建基于 WebRTC 和WebSocket技术的在线音频、视频聊天室 Sky RTC 前端库 Sky RTC -client Sky RTC -client NPM安装 执行如下命令从npm进行安装： $ npm install sky rt 这次的需求，准备做的是一个类似与QQ视频一样的点对点视频聊天。这几天了解了一些知识后，决定使用HTML5新支持的 WebRtc 来作为视频通讯。客户端使用支持HTML5浏览器即可。服务器段需要提供两个主要的服务功能，一个是信令服务器(Signaling Server)，一个是NAT穿透服务器(ICE Server)。简单的框架图如下: 1.安装e2esoft vcam 虚拟摄像头 webrtc -qt-example是一个基于Qt框架开发的 WebRTC 示例项目。 WebRTC 是一种开源的实时通信技术，能够支持音频、视频和数据的实时传输。它通过浏览器之间的端对端连接，实现了高质量的实时通信。 webrtc -qt-example的目的是展示如何使用Qt进行 WebRTC 开发。Qt是一套跨平台的C++应用程序开发框架，它提供了丰富的工具和库，使开发者能够快速构建可靠的应用程序。 这个示例项目提供了一些基本的功能和界面，使开发者能够了解和学习如何将 WebRTC 集成到Qt应用程序中。它包含了常见的 WebRTC 功能，如媒体流捕获、媒体流传输、信令交换等。 通过 webrtc -qt-example，开发者可以学习到如何使用Qt的多媒体模块来捕获音频、视频和媒体设备。同时，也可以学习到如何使用Qt的网络模块来进行实时信令交换和流传输。 这个示例项目还提供了一些简单的界面，方便开发者进行测试和调试。开发者可以通过该界面实现与其他 WebRTC 应用的通信，例如建立视频通话、音频通话等。 总之， webrtc -qt-example是一个非常实用的示例项目，可以帮助开发者快速上手并掌握 WebRTC 在Qt中的开发。 ### 回答2： webrtc -qt-example是一个基于Qt框架的 WebRTC 示例应用程序。 WebRTC 是一种开源项目，它提供了在浏览器之间进行实时通信的能力，包括视频和音频的传输。而 webrtc -qt-example则是将这种技术集成到Qt应用程序中的一个示例。 在 webrtc -qt-example中，它使用了Qt的多媒体框架和 WebRTC 提供的API来实现音视频的传输和 显示 。通过使用 WebRTC 的API， webrtc -qt-example可以建立点对点的连接，进行音频和视频的实时传输。 webrtc -qt-example中的代码结构清晰，易于理解和扩展。它提供了一些基本的功能，如建立连接、发送和接收音 视频流 、呼叫取消等。开发者可以根据自己的需求来对这些功能进行定制和扩展。 此外， webrtc -qt-example还支持一些高级特性，如媒体设备的选择、音视频的编码和解码等。开发者可以通过修改代码来选择不同的媒体设备，并且可以使用不同的编码和解码算法来满足自己的需求。 总之， webrtc -qt-example是一个很棒的 WebRTC 示例应用程序，它可以帮助开发者快速了解和使用 WebRTC 技术。无论是为了实现实时视频通话、视频会议还是其他需要音视频传输的应用场景， webrtc -qt-example都提供了一个良好的起点，帮助开发者快速上手并实现自己的需求。 ### 回答3： webrtc -qt-example是一个基于Qt框架和 WebRTC 技术的示例应用。 WebRTC 是一种用于在Web浏览器上实现实时通信的开源项目，它提供了一套丰富的API和协议，可以实现音视频通话、数据传输以及屏幕共享等功能。 webrtc -qt-example利用Qt框架提供的跨平台能力，结合 WebRTC 技术，展示了在Qt应用中如何实现实时通信功能。这个示例应用具有以下特点和功能： 1. 界面友好： webrtc -qt-example使用Qt的GUI绘制工具，具有美观、直观的用户界面，便于用户操作和使用。 2. 实时通信： webrtc -qt-example内置了 WebRTC 的音视频通信功能，可以实现实时的语音和视频通话，支持两个或多个用户之间的通信。 3. 数据传输：除了音视频通话， webrtc -qt-example还支持在通话中传输数据。可以通过编写代码，实现实时文本传输或共享文件等功能。 4. 屏幕共享： webrtc -qt-example还支持屏幕共享功能，可以将自己的屏幕内容分享给其他用户，实现远程协助或在线教育等应用场景。 通过 webrtc -qt-example的学习和实践，开发者可以了解并深入理解 WebRTC 技术的使用方法，以及在Qt框架中的应用。同时，借助 webrtc -qt-example提供的示例代码和API文档，开发者可以进一步开发出更加复杂和功能丰富的实时通信应用，满足不同领域的需求。 总之， webrtc -qt-example是一个基于Qt框架和 WebRTC 技术的示例应用，具备实时音视频通话、数据传输和屏幕共享等功能，适用于开发者学习、实践和开发基于 WebRTC 的实时通信应用程序。