webrtc实现视频在线直播
2016-09-21 11:32
246 查看
创建一个表单
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>学习webrtc</title> </head> <body> <video autoplay></video> <script src="main.js"></script> </body> </html>
新建main.js文件
function hasUserMedia(){//判断是否支持调用设备api,因为浏览器不同所以判断方式不同哦 return !!(navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia); } if(hasUserMedia()){ //alert("浏览器支持") navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia; navigator.getUserMedia({ video:true,//开启视频 audio:false//先关闭音频,因为会有回响,以后两台电脑通信不会有响声 },function(stream){//将视频流交给video var video=document.querySelector("video"); video.src=window.URL.createObjectURL(stream); },function(err){ console.log("capturing",err) }); }else{ alert("浏览器暂不支持") }
相关文章推荐
- Red5流服务器搭建(实现在线直播,流媒体视频播放和在线视频会议)
- Red5流服务器搭建(实现在线直播,流媒体视频播放和在线视频会议)
- Red5流服务器搭建(实现在线直播,流媒体视频播放和在线视频会议)
- Red5流服务器搭建(实现在线直播,流媒体视频播放和在线视频会议)
- 重要的两个类,实现android手机视频直播
- 基于live555实现rtsp视频直播
- 在Redmine中实现在线视频
- 终于用live555 实现了摄像头直播视频,手机视频直播
- 11月14日火箭vs灰熊视频直播在线观看
- 使用Quicktime 实现视频直播(Live video using Quicktime)
- 终于用live555 实现了摄像头直播视频,手机视频直播
- 12.24魔术VS凯尔特人在线直播视频
- 基于Chrome、Java、WebSocket、WebRTC实现浏览器视频通话
- RTMP协议发送H.264编码及AAC编码的音视频,实现摄像头直播
- 利用开源项目实现采集卡/摄像头 支持H264高清视频直播
- C++实现RTMP协议发送H.264编码及AAC编码的音视频,摄像头直播
- 9.1日在线直播课堂视频—怎样从零开始写Bootloader
- 自制CCTV在线直播的实现
- 现实世界的Windows Azure 视频:新南威尔士州教育部(DET)利用Windows Azure实现在线科学测验
- 现实世界的Windows Azure 视频:新南威尔士州教育部(DET)利用Windows Azure实现在线科学测验