腾讯云多人直播开发第一天，基于IE游览器的ActiveX开发

适用场景

IE浏览器适用于 ToB 场景，比如 企业客服 和 在线教育 等，这些场景都有一个共同特点，操作者可以接受统一的培训和要求使用 IE 浏览器，而不像 ToC 场景那样面对各类挑剔的用户。

在 Web 页面上要做到体验和性能俱佳的音视频功能，并不是一件容易的事情，HTML5 提供的 <video> 标签能力太弱，WebRTC 目前的浏览器支持程度、定制能力（比如不能做美颜）都不是很乐观，所以 IE 浏览器的 ActiveX 插件技术依然是在 ToB 的一些垂直场景下比较受欢迎的技术。

目前所说的 ActiveX 插件，主要为你您的 IE浏览器增加两个非常有用的对象： pusher 和 player 。

对象CLSID功能说明
pusher 01502AEB-675D-4744-8C84-9363788ED6D6 推流，也叫音视频上行，包括采集、编码 和 传输
player 99DD15EF-B353-4E47-9BE7-7DB4BC13613C 播放，也叫音视频下行，包括下载、缓冲、解码和播放

环境要求

Windows 7 及以上版本

Internet Explorer 10、Internet Explorer 11

官方Demo 1 <HTML>

 2 <HEAD>
 3 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
 4 <TITLE> ActiveX 插件测试代码</TITLE>
 5 <script type="text/javascript" src="pusher_player.js" charset="utf-8"></script>
 6 </HEAD>
 7 <BODY>
 8   推流地址:
 9   <input size="90" id="URLInputField" value="">
10   <input type=submit value="测试推流" onClick="doStartPush(document.getElementById('URLInputField').value);">
11   <br/>
12   <!--Warning::直接拷贝代码需要修改LiteAVAX.cab路径和版本号-->
13   <object ID="pusher" CLASSID="CLSID:01502AEB-675D-4744-8C84-9363788ED6D6"
14                         codebase="./LiteAVAX.cab#version=1,2,0,0"
15                         width="640"
16                         height="480">
17   </object>
18   <script>
　　　　　　这里强烈注意，官方省略了获取dom对象，
　　　　　　var pusher=document.getElementById('pusher');

19       function doStartPush(targetURL) {
20             pusher.startPush(targetURL);
21       }
22   </script>
23 </BODY>
24 </HTML>

 bug集锦

bug1:视频区域出现白死边框

解决办法，设置ie游览器的缩放为100%即可（官方给的方案）

 

posted @ 2018-04-10 18:20  BlueSky1024  阅读(923)  评论(0)  编辑  收藏  举报