當前位置:首頁 » 安卓系統 » html5videoandroid

html5videoandroid

發布時間: 2023-05-22 07:09:18

⑴ 如何用Android webview播放HTML5 video標簽

第一步當然是要先有個Webivew對象,是寫在main.xml也好,或者動態創建也罷,總之有了一個Webview對象即可,假設其名為m_webview,然後設置一些屬性:
m_webview.getSettings().setjavaScriptEnabled(true);
m_webview.setWebChromeClient(m_chromeClient);

來以為要設置m_webview.getSettings().setPluginsEnabled(true);但後來發弊褲現去掉後也不影響效果。上面主
要的是setWebChromeClient這個,要設置一個WebChromeClient對象給webview,WebChromeClient對象
這樣創租舉簡建:
private WebChromeClient m_chromeClient = new WebChromeClient(){
@Override
public void onShowCustomView(View view, CustomViewCallback callback) {
// TODO Auto-generated method stub
}
};
2.如何在activity結束時停止播放:
能夠播放視頻了,但發現當activity結束時,視頻在答賀後邊還在播放,實在令人煩惱,又查了一通資料,終於找到解決方法,非常簡單,就是在activity的onPause函數中調用webview的onPause函數即可。
以上是Android 4.0.3中實現的,在Android2.2,2.3這些版本沒有試過,未必起作用。

⑵ android支持html5 video標簽,實現在線播放嗎

支持。
可以這么寫鍵轎:<video>
<稿賀肆source src="拍胡movie.ogg" type="video/ogg">
<source src="movie.mp4" type="video/mp4">
你的瀏覽器不支持video標簽
</video>

⑶ android支持html5 video標簽,實現在線播放嗎

可以,並且目前h5視頻播放已在手機端形成主流

⑷ 如何讓android 手機支持 html5 video 標簽 播放

Android 是可以通過html5的video來播放視頻的。
一、需要在AndroidManifest.xml文件中聲明需要使用HardwareAccelerate, 可以細化到Activity級別,如果不需要的View可以聲明不要用加速,但是需要在代碼中做
具體如下:
1如果要聲明整個應用都要加速:< application ... android:hardwareAccelerated ="true">
2.如果要在Activity中聲明,則:
<activity ... android:hardwareAccelerated="true" >
Window, getWindow.setFlags( WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED,WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED);

⑸ 如何html5在瀏覽器里訪問手機後置攝像頭

html5需要使用介面chrome30+ for android 已經實現了利用webcam,調用手機後置攝像頭,代碼如下:

<!DOCTYPEhtml>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>HTML5GetUserMediaDemo</title>
<metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0"/>
</head>
<body>
<inputtype="button"title="開啟攝像頭"value="開啟攝像頭"onclick="getMedia();"/><br/>
<videoheight="120px"autoplay="autoplay"></video><hr/>
<inputtype="button"title="拍照"value="拍照"仿褲onclick="getPhoto();"/><br/>
<canvasid="canvas1"height="120px"></canvas><hr/>
<inputtype="button"title="視頻"value="視頻"onclick="getVedio();"/><br/>
<canvasid="canvas2"height="120px"></canvas>

<scripttype="text/javascript">
varvideo=document.querySelector('video');
varaudio,audioType;

varcanvas1=document.getElementById('canvas1');
varcontext1=canvas1.getContext('2d');

varcanvas2=document.getElementById('canvas2');
varcontext2=canvas2.getContext('2d');

navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;
window.URL=window.URL||window.webkitURL||window.mozURL||window.msURL;

varexArray=[];//存儲設備源ID
MediaStreamTrack.getSources(function(sourceInfos){
for(vari=0;i!=sourceInfos.length;++i){
varsourceInfo=sourceInfos[i];
//這里會遍歷audio,video,所以要加以區分
if(sourceInfo.kind==='video'){
exArray.push(sourceInfo.id);
}
}
});

functiongetMedia(){
if(navigator.getUserMedia){
navigator.getUserMedia({
'video':{
'optional':[{
'sourceId':exArray[1]//0為前置攝像頭,1為後置
}]
},
'audio':true
},successFunc,errorFunc);//success是獲取成功的回調函數
}
else{
信早alert('Nativedevicemediastreaming(getUserMedia)notsupportedinthisbrowser.');
}
}

functionsuccessFunc(stream){
//alert('Succeedtogetmedia!');
if(video.mozSrcObject!==undefined){
//Firefox中,video.mozSrcObject最初為null,而不是未定義的,我們可以靠這個來檢測Firefox的支持
video.mozSrcObject=stream;
}
else{
video.src=window.URL&&window.URL.createObjectURL(stream)||stream;
}

//video.play();

滑大雀//音頻
audio=newAudio();
audioType=getAudioType(audio);
if(audioType){
audio.src='polaroid.'+audioType;
audio.play();
}
}
functionerrorFunc(e){
alert('Error!'+e);
}


//將視頻幀繪制到Canvas對象上,Canvas每60ms切換幀,形成肉眼視頻效果
functiondrawVideoAtCanvas(video,context){
window.setInterval(function(){
context.drawImage(video,0,0,90,120);
},60);
}

//獲取音頻格式
functiongetAudioType(element){
if(element.canPlayType){
if(element.canPlayType('audio/mp4;codecs="mp4a.40.5"')!==''){
return('aac');
}elseif(element.canPlayType('audio/ogg;codecs="vorbis"')!==''){
return("ogg");
}
}
returnfalse;
}

//vedio播放時觸發,繪制vedio幀圖像到canvas
//video.addEventListener('play',function(){
//drawVideoAtCanvas(video,context2);
//},false);

//拍照
functiongetPhoto(){
context1.drawImage(video,0,0,90,120);//將video對象內指定的區域捕捉繪制到畫布上指定的區域,實現拍照。
}

//視頻
functiongetVedio(){
drawVideoAtCanvas(video,context2);
}

</script>
</body>
</html>

HTML5 The Media Capture API提供了對攝像頭的可編程訪問,用戶可以直接用getUserMedia獲得攝像頭提供的視頻流。但實際上用html5調用手機攝像頭存在很多問題:
1)谷歌的發布的Chrome到了21版本後,才新增了一個用於高質量視頻音頻通訊的getUserMedia API,該API允許Web應用程序訪問攝像頭和麥克風,其他手機瀏覽器只有opera支持html5調用本地拍照功能
2)兩個瀏覽器均不支持訪問多個攝像頭:chrome不支持訪問後置攝像頭,pera支持訪問後置攝像頭的

⑹ android支持html5 video標簽,實現在線播放嗎

以實現在線播放的
不過你要調用系統的播放器才可以,你自己看吧 我也被這個整了好久

如下代碼森含:
稿罩//html
<video autoplay="autoplay" controls="controls" id="youku-html5-player-video" onclick="playVideo('IP/player/getRealM3U8/vid/XNDE4NjIwOTI0/type//video.m3u8');" preload="" src="IP/player/getRealM3U8/vid/XNDE4NjIwOTI0/type//video.m3u8" width="100%" x-webkit-airplay="allow">
Your browser does not support the video tag.</video>
<script>
function playVideo(video){
window.JSInterface.startVideo(video);
}
</script>

//java
JavaScriptInterface jsInterface = new JavaScriptInterface(this);
webView.getSettings().setJavaScriptEnabled(true);
webView.addJavascriptInterface(jsInterface, "JSInterface");

public class JavaScriptInterface {
private Activity activity;

public JavaScriptInterface(Activity activiy) {
this.activity = activiy;
}

public void startVideo(String videoAddress){
//調用播放器(這里此敬笑看你自己怎麼寫了)
Bundle bundle = new Bundle();
bundle.putString("path", address);
MyIntent.startIntent(WebViewActivity.this, MyIntent.VIDEO, bundle);
}
}

⑺ 如何用Android webview播放HTML5 video標簽

1.如何播放:
近來工作要用Android的webview播放中迅HTML5 video標簽。做了下試驗,物培圓用Android自帶的Browser可以裝載含有video標簽的HTML5頁面,而且能正常播放,但同樣的網頁用webview來載入就沒法播放HTML5中的video。
在網上查了許多資料,所查的資料可以參考我轉載那些文章,經過無數次測試,終於成功了,做法如下:
第一步當然是要先有個Webivew對象,是寫在罩塌main.xml也好,或者動態創建也罷,總之有了一個Webview對象即可,假設其名為m_webview,然後設置一些屬性:
m_webview.getSettings().setJavaScriptEnabled(true);
m_webview.setWebChromeClient(m_chromeClient);
本來以為要設置m_webview.getSettings().setPluginsEnabled(true);但後來發現去掉後也不影響效果。上面主要的是setWebChromeClient這個,要設置一個WebChromeClient對象給webview,WebChromeClient對象這樣創建:
private WebChromeClient m_chromeClient = new WebChromeClient(){
@Override
public void onShowCustomView(View view, CustomViewCallback callback) {
// TODO Auto-generated method stub
}
};

⑻ 如何用Android webview播放HTML5 video標簽

用Android webview播放HTML5 video標簽: 1、在webView的Activity配置裡面加上: android:hardwareAccelerated="森銀true" 2.必須此棗宴添加這句代碼 webView.setWebChromeClient(new WebChromeClient()); 這兩步就可以播放了,在application的配置裡面也要加上:android:hardwareAccelerated="true",開岩州始的時候我也加了,但是後來發現去掉這個也一樣可以播放flash

熱點內容
php把數據插入資料庫 發布:2025-02-13 00:09:48 瀏覽:369
eclipse查看jar包源碼 發布:2025-02-12 23:59:35 瀏覽:973
電腦主機伺服器維修 發布:2025-02-12 23:59:26 瀏覽:302
sqlserver標識 發布:2025-02-12 23:51:33 瀏覽:463
安卓怎麼玩地牢獵人 發布:2025-02-12 23:50:25 瀏覽:944
思鄉腳本 發布:2025-02-12 23:43:32 瀏覽:440
java的job 發布:2025-02-12 23:38:43 瀏覽:893
我的世界伺服器授權指令 發布:2025-02-12 23:30:13 瀏覽:597
電腦伺服器號在哪裡找 發布:2025-02-12 23:22:29 瀏覽:13
linux查看系統是32位 發布:2025-02-12 23:17:29 瀏覽:990