測試平臺:
操作系統:Ubuntu 11.04
一、下載並安裝WebKit庫
wget -O- --quiet https://labs.ericsson.com/files/gpg/public.key | sudo apt-key add -
3、添加Ericsson Labs APT repositorysudo add-apt-repository http://files.labs.ericsson.net/ubuntu
4、更新sudo apt-get update
5、更新Ericsson Labs修改的libwebkitgtk包sudo apt-get -y install libwebkitgtk-1.0-0 libwebkitgtk-3.0-0
6、安裝Epiphany瀏覽器sudo apt-get install epiphany-browser
二、對於已經執行完步驟一的平臺
只需更新操作,獲取最新的庫:sudo apt-get update
sudo apt-get install libwebkitgtk-1.0-0 libwebkitgtk-3.0-0
三、WebRTC 獲取視頻(Video)和音頻(Voice)Javascript API
function getAudioAndVideoContent() {
navigator.webkitGetUserMedia('audio, video', function(stream) {
// Do something with the stream.
});
}
以上函數getAudioAndVideoContent()實現訪問用戶的攝像頭和麥克風設備;通過調用webkitGetUserMedia()函數實現,webkitGetUserMedia()的第一個參數表示的是訪問用戶多媒體設備,需要指定是訪問視頻設備還是音頻設備:
<!DOCTYPE html>
<html>
<head>
<title>getUserMedia</title>
<input type="button" value="start" οnclick="getAudioAndVideoContent()" id="startBtn">
<script>
var localStream;
var startBtn = document.getElementById('startBtn');
//訪問用戶多媒體設備
function getAudioAndVideoContent(){
navigator.webkitGetUserMedia('audio,video',gotStream);
startBtn.disabled = true;
}
function gotStream(stream){
localStream = stream;
//綁定多媒體流到視頻video標籤
document.getElementById("liveStream").src = webkitURL.createObjectURL(localStream);
stream.onended = function(){
startBtn.disabled = false;
}
}
</script>
</head>
<body>
<video id="liveStream" autoplay audio=muted></video>
</body>
</html>
說明: