第40篇 WebRTC(三)

来源：互联网发布：做标准件网络销售需要编辑：程序博客网时间：2024/06/06 03:57

一、Webrtc

1.1webrtc测试

https://apprtc.appspot.com/(需要翻墙)

1.2摄像头和麦克风

早期人们为了捕捉音视频设备，常要在浏览器中安装Flash、插件等。

二、服务器配置

2.1 nodejs下载

https://nodejs.org/en/

2.2 安装

2.3 安装npm

npm install -g node-static

2.4 打开npm安装目录 –运行（双击就成）

注：index.html和main.js的代码都有（从购买书提供的网站）

2.5 运行 localhost:8080，它就会捕捉音视频设备

点共享之后：（摄像头就会捕捉图像，耳机就会捕捉声音）

index.html代码：

注：<!DOCTYPE html>这句话的意思是兼容HTML5.

main.js代码：

2.6 各家浏览器

各家浏览器喜欢领先于官方标准实现一些新特性，然后等待这些特性成为标准，只有正确处理浏览器标准才能让新的浏览器API正常运行。

Chrome的前缀是Webkit,Firefox的前缀是Moz.常用的做法是：创建一个函数，检测这些非标准API在当前浏览器中是否可用，如果可用，则将这些API全都赋值给一个普通的函数，然后在之后的代码中调用这个函数，如果不可用，给出提示，比如：“你的浏览器不支持webrtc”。

代码如下：

如上代码中：<video>元素包含一个autoplay属性，表示视频流字节处理完成后自动播放，如果你移除这个属性，数据流接入时，不会自动播放。

2016年9月16日星期五

0 0