騰訊雲多人直播開發第一天，基於IE遊覽器的ActiveX開發

時間 2019-11-11

原文原文鏈接

適用場景

IE瀏覽器適用於 ToB 場景，好比企業客服和在線教育等，這些場景都有一個共同特色，操做者能夠接受統一的培訓和要求使用 IE 瀏覽器，而不像 ToC 場景那樣面對各種挑剔的用戶。javascript

在 Web 頁面上要作到體驗和性能俱佳的音視頻功能，並非一件容易的事情，HTML5 提供的 <video> 標籤能力太弱，WebRTC 目前的瀏覽器支持程度、定製能力（好比不能作美顏）都不是很樂觀，因此 IE 瀏覽器的 ActiveX 插件技術依然是在 ToB 的一些垂直場景下比較受歡迎的技術。html

目前所說的 ActiveX 插件，主要爲你您的 IE瀏覽器增長兩個很是有用的對象： pusher 和 player 。java

對象	CLSID	功能說明
pusher	01502AEB-675D-4744-8C84-9363788ED6D6	推流，也叫音視頻上行，包括採集、編碼和傳輸
player	99DD15EF-B353-4E47-9BE7-7DB4BC13613C	播放，也叫音視頻下行，包括下載、緩衝、解碼和播放

環境要求

Windows 7 及以上版本瀏覽器

Internet Explorer 十、Internet Explorer 11

dom

官方Demo 1 <HTML>ide

 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>