第40篇 WebRTC(三)

一、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日星期五


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值