华为机顶盒视频播放代码
生活随笔
收集整理的這篇文章主要介紹了
华为机顶盒视频播放代码
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
華為機頂盒視頻播放代碼一、將其保存為hwvideo.php頁面,頁面參數的調用及邏輯處理已省略
| ? | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| ? | <html?xmlns="http://www.w3.org/1999/xhtml"> |
| ? | <head> |
| ? | <meta?http-equiv="Content-Type"?content="text/html; charset=gbk" /> |
| ? | <title>無標題文檔</title> |
| ? | ? |
| ? | <script> |
| ? | var playUrl = "rtsp://10.27.40.132/3/16/20130513/268564408/268564408.ts"; //vod的播放地址 |
| ? | var mediaStr = '[{mediaUrl:"'+ playUrl +'",'; |
| ? | mediaStr += 'mediaCode: "jsoncode1",'; |
| ? | mediaStr += 'mediaType:2,'; |
| ? | mediaStr += 'audioType:1,'; |
| ? | mediaStr += 'videoType:1,'; |
| ? | mediaStr += 'streamType:1,'; |
| ? | mediaStr += 'drmType:1,'; |
| ? | mediaStr += 'fingerPrint:0,'; |
| ? | mediaStr += 'copyProtection:1,'; |
| ? | mediaStr += 'allowTrickmode:1,'; |
| ? | mediaStr += 'startTime:0,'; |
| ? | mediaStr += 'endTime:20000,'; |
| ? | mediaStr += 'entryID:"jsonentry1"}]'; |
| ? | ? |
| ? | var mp = new MediaPlayer(); //新建一個mediaplayer對象 |
| ? | var instanceId = mp.getNativePlayerInstanceID(); //讀取本地的媒體播放實例的標識 |
| ? | ? |
| ? | ? |
| ? | function initMediaPlay() |
| ? | { |
| ? | var playListFlag = 0; //Media Player 的播放模式。 0:單媒體的播放模式 (默認值),1: 播放列表的播放模式 |
| ? | var videoDisplayMode = 1; //MediaPlayer 對象對應的視頻窗口的顯示模式. 1: 全屏顯示2: 按寬度顯示,3: 按高度顯示 |
| ? | var height = 206; |
| ? | var width = 320; |
| ? | var left = 165; |
| ? | var top = 17; |
| ? | var muteFlag = 0; //0: 設置為有聲 (默認值) 1: 設置為靜音 |
| ? | var subtitleFlag = 0; //字幕顯示 |
| ? | var videoAlpha = 0; //視頻的透明度 |
| ? | ? |
| ? | var cycleFlag = 0; |
| ? | var randomFlag = 0; |
| ? | var autoDelFlag = 0; |
| ? | var useNativeUIFlag = 1; |
| ? | ? |
| ? | //初始話mediaplayer對象 |
| ? | mp.initMediaPlayer(instanceId,playListFlag,videoDisplayMode, height,width,left,top,muteFlag,useNativeUIFlag,subtitleFlag,videoAlpha,cycleFlag,randomFlag,autoDelFlag); |
| ? | ? |
| ? | mp.setSingleMedia(mediaStr); //設置媒體播放器播放媒體內容 |
| ? | mp.setAllowTrickmodeFlag(0); //設置是否允許trick操作。 0:允許 1:不允許 |
| ? | mp.setVideoDisplayMode(0); |
| ? | mp.setVideoDisplayArea(left,top,width,height); |
| ? | ? |
| ? | mp.setNativeUIFlag(0); //設置播放器本地UI顯示功能 0:允許 1:不允許 |
| ? | mp.setAudioTrackUIFlag(1); |
| ? | ? |
| ? | mp.setMuteUIFlag(1); |
| ? | mp.setAudioVolumeUIFlag(1); |
| ? | mp.refreshVideoDisplay(); |
| ? | } |
| ? | ? |
| ? | function play()//播放 |
| ? | { |
| ? | initMediaPlay();//首先初始話mediaplayer對象 |
| ? | mp.playFromStart(); //從頭開始播放 |
| ? | //mp.stop(); |
| ? | //mp.releaseMediaPlayer(-1); |
| ? | } |
| ? | play(); //視頻播放完畢后跳轉 |
| ? | ? |
| ? | function isEnd(){ |
| ? | var curTime = mp.getCurrentPlayTime(); |
| ? | var allTime = mp.getMediaDuration(); |
| ? | ? |
| ? | if((allTime == curTime) && (curTime != 0)){ |
| ? | clearInterval(z); |
| ? | mp.releaseMediaPlayer(instanceId); |
| ? | window.location.href = "index.php"; |
| ? | } |
| ? | } |
| ? | var z = setInterval(isEnd,2000); |
| ? | </script> |
| ? | <script?type="text/javascript"> |
| ? | var epgdomain=Authentication.CTCGetConfig('EPGDomain'); |
| ? | window.document.onkeypress = function(keyEvent) { |
| ? | keyEvent = keyEvent ? keyEvent : window.event; |
| ? | keyEvent.which = keyEvent.which ? keyEvent.which : keyEvent.keyCode; |
| ? | keycontrol(keyEvent.which); |
| ? | } |
| ? | var pau = 0; |
| ? | function keycontrol(obj){ |
| ? | if( obj == 0x08 ) { |
| ? | ? |
| ? | clearInterval(z); |
| ? | mp.releaseMediaPlayer(instanceId); |
| ? | window.location.href = "index.html"; |
| ? | ? |
| ? | } else if (obj == 0x0103) { |
| ? | ? |
| ? | var volume = mp.getVolume() + 5; |
| ? | volume = volume > 100 ? 100 : volume; |
| ? | volume = volume < 0 ? 0 : volume; |
| ? | mp.setVolume(volume); |
| ? | ? |
| ? | } else if (obj == 0x0104) { |
| ? | ? |
| ? | var volume = mp.getVolume() - 5; |
| ? | volume = volume > 100 ? 100 : volume; |
| ? | volume = volume < 0 ? 0 : volume; |
| ? | mp.setVolume(volume); |
| ? | ? |
| ? | } else if (obj == 0x0107) { |
| ? | ? |
| ? | if (pau == 0) { |
| ? | mp.pause(); |
| ? | pau = 1; |
| ? | } else { |
| ? | mp.resume(); |
| ? | pau = 0; |
| ? | } |
| ? | } else if (obj == 0x0108) { |
| ? | ? |
| ? | mp.fastForward(8); |
| ? | ? |
| ? | } else if (obj == 0x0109) { |
| ? | ? |
| ? | mp.fastRewind(-8); |
| ? | } else if (obj == 0x010E) { |
| ? | ? |
| ? | mp.stop(); |
| ? | clearInterval(z); |
| ? | window.location.href = "index.html"; |
| ? | } |
| ? | } |
| ? | </script> |
| ? | </head> |
| ? | <body?bgcolor="transparent"?leftmargin="0"?topmargin="0"?marginwidth="0"?marginheight="0"style="background-color: transparent;"> |
| ? | <div?style="color:#fff; font-size:20px;">? ?</div> |
| ? | </body> |
| ? | </html> 二、通過iframe框架調用代碼 <div style="position:absolute;left: 165px; top: 17px; width:320px; height:206px;z-index:99;overflow:hidden;">?<iframename="if_smallscreen"id="if_smallscreen"width="320"height="206"src="hwvideo.php?width=320&height=206&left=165&top=17"frameborder="no"scrolling="no"></iframe></div>三、需要注意的事項 (1)如果有背景圖片,請保持視頻播放區域的背景圖片透明; (2)層必須設定寬高,詳見第二點代碼;(3)設置視頻位置必須用到setVideoDisplayArea方法;(4)<body>必須寫為<bodybgcolor="transparent" leftmargin="0" topmargin="0" marginwidth="0"marginheight="0" style="background-color: transparent;position:absolute;z-index:0;">,至少保留background-color:transparent以及bgcolor="transparent";(5)視頻跨頁播放的問題? 頁面已經跳轉到另一個頁面去了,而視頻仍在播放,若是用iframe嵌套播放的話,則在視頻返回的js里加上代碼:var if_smallscreen = document.getElementByIdx_x("if_smallscreen");if_smallscreen.mp.stop(); 其中if_smallscreen為iframe的對象id若并未用iframe嵌套播放,則參見第一點代碼。 |
總結
以上是生活随笔為你收集整理的华为机顶盒视频播放代码的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Android测试点和测试工具介绍
- 下一篇: js 日期天数相加减,格式化yyyy-