整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
HTML5開發(fā)技術(shù)如今可謂是一門非常火，非常有發(fā)展前途的技術(shù)，如今的各大公司企業(yè)都會高薪聘請專業(yè)的HTML5開發(fā)人才，因此就使得HTML5在如今的市場上擁有著非同一般的地位，所以現(xiàn)在參加武漢HTML5培訓(xùn)的人一直不斷的增加。雖然現(xiàn)在HTML5開發(fā)很火，但是始終有一份的技術(shù)HTML5還沒有實(shí)現(xiàn)，下面就和千鋒武漢HTML5培訓(xùn)小編一塊來看一下沒有實(shí)現(xiàn)的HTML5技術(shù)有哪些。
1、HTML5上無法實(shí)現(xiàn)視頻的全屏播放
使用插件全屏觀看視頻是沒有問題的。但是，如果是使用HTML5，這可能還有點(diǎn)困難(至少是現(xiàn)在)。但針對這一問題，現(xiàn)在已經(jīng)有一些相關(guān)的支持協(xié)議了。Chris Pearce在Thundering Herd博客中介紹了他是如何使用HTML全屏API在Firefox上實(shí)現(xiàn)視頻的全屏播放的。這個(gè)API提供了“全屏”的HTML組件。Chrome上也有相關(guān)的解決方案。
2、HTML5無法實(shí)現(xiàn)DRM
如果你有一家多媒體公司，你需要控制或者限制你的視頻內(nèi)容——通常是在多媒體內(nèi)容中添加數(shù)字版權(quán)加密技術(shù)(DRM)。不幸的是，HTML5無法加入DRM。HTML5的問題是，它會將多媒體內(nèi)容的格式完全暴露出來，要解決這個(gè)問題并不困難(相關(guān)的技術(shù)和策略可以在W3C bug system上看到)。我個(gè)人認(rèn)為，這個(gè)問題確實(shí)有必要解決。拋開各界對DRM的爭議，至少對許多公司而言，支持DRM還是非常有意義的——看看Lovefilm的blog，你就知道目前各個(gè)多媒體公司面臨的困難了。
3、HTML5上不能與攝像頭交互
與Flash有所不同，HTML5不支持用戶與攝像頭交互(或者是PC機(jī)上的麥克風(fēng))，這使得基于web的會議很難實(shí)現(xiàn)。當(dāng)然也不是完全沒有辦法，在HTML5Labs上，你可以找到一個(gè)Media Capture API的相關(guān)標(biāo)準(zhǔn)，它是W3C標(biāo)準(zhǔn)中有關(guān)音頻處理的部分。HTML5Labs是由最早的Microsoft標(biāo)準(zhǔn)和一些web標(biāo)準(zhǔn)(如W3C)演化而來的。所以它目前還處在發(fā)展之中，一旦音頻處理問題解決了，就開始著手解決視頻問題了。你可以在HTML5Labs網(wǎng)站上找到許多相關(guān)的資料。
4、HTML5上的音頻處理也不完美
你也許會認(rèn)為：既然HTML5都能夠解決視頻播放問題了，那音頻播放自然不在話下咯。但音頻處理最大的問題就是怎樣處理延遲的問題。當(dāng)你的應(yīng)用程序或是游戲要求音頻文件與屏幕上顯示的操作保持同步時(shí)，這個(gè)問題就凸顯出來了。其中一個(gè)問題就是不同的瀏覽器處理音頻文件的方式可能也有所不同。如果想了解更多相關(guān)的信息，可以看看IE博客上的相關(guān)介紹，Grant Skinner的SoundJS Java library提供了一種不錯(cuò)的解決方案。
5、HTML5不能播放直播視頻
HTML5已經(jīng)能夠很好地處理靜態(tài)的視頻文件了，但它現(xiàn)在還無法處理直播的視頻。盡管HTML5能夠提供優(yōu)質(zhì)的視頻查詢和視頻點(diǎn)播服務(wù)，但是它卻無法支持用戶觀看在線的足球比賽。Apple使用HTTP Live Streaming彌補(bǔ)了HTML5的這一缺失，它通過HTTP傳輸H.264的文件塊，但是這一技術(shù)只能在Safari上運(yùn)行。(順便提一句，有些人以為HTML5不支持視頻的隨機(jī)播放，但其實(shí)HTML5是支持這一功能的。)Streaming Media雜志的網(wǎng)站上能夠找到非常豐富的HTML5視頻資源。
當(dāng)然了沒實(shí)現(xiàn)并不代表實(shí)現(xiàn)不了，HTML5發(fā)展空間很大，我們相信不久的將來一定可以完美的解決以上的問題，我們也絲毫不必?fù)?dān)心想從事HTML5開發(fā)前景不夠好，我更相信HTML5才剛剛開局。HTML5的未來十分光明，趕快去學(xué)習(xí)HTML5開發(fā)吧。
TML5的權(quán)限越來越大了，瀏覽器可以直接調(diào)用攝像頭、麥克風(fēng)了，好激動啊。我們要用純潔的HTML代碼造出自己的天地。
視頻采集
本篇介紹的栗子 都是在chrome 47 版本以上的，低版本的可能會出現(xiàn)白屏和錯(cuò)誤。
1.安全環(huán)境
隨著Chrome版本的升高，安全性問題也越來越被重視，較新版本的Chrome瀏覽器在調(diào)用一些API時(shí)需要頁面處在安全環(huán)境中。本篇文章所介紹的API函數(shù)，都需要在安全環(huán)境中執(zhí)行。如果處在非安全環(huán)境下 ( http頁面 ) 這些API就會有意想不到的問題。
比如 getUserMedia()就會報(bào)出警告，并執(zhí)行出錯(cuò)。
而在設(shè)備枚舉enumerateDevices()時(shí)，雖然不會報(bào)錯(cuò)，但是他隱藏了設(shè)備label。
注意：第一次在一個(gè)安全頁面下執(zhí)行enumerateDevices()時(shí)也會隱藏label，在允許使用攝像頭等設(shè)備后，第二次執(zhí)行才會顯示label。
getUserMedia() no longer works on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. Seehttps://goo.gl/rStTGz for more details.
根據(jù)谷歌的意思，常用的安全環(huán)境有如下
http://localhost
http://127.0.0.1
https 開頭的地址頁面
如果你做了一個(gè)視頻測試的頁面，想嘚瑟給局域網(wǎng)的其他人，但是又沒有域名證書怎么辦？
這時(shí)候只能通過修改其他人的hosts文件了
比如你的測試服務(wù)器IP地址是192.168.2.18，那么其他人的hosts文件修改如下：
#localhost 127.0.0.1
localhost 192.168.2.18
當(dāng)使用別人的Chrome瀏覽器訪問 http://localhost/[getUserMediaTestPage]時(shí)，就會順利的執(zhí)行這些API了。
但是移動端的瀏覽器并不認(rèn)localhost，就算你修改了hosts ，移動端的瀏覽器根本不理你，解析都不解析。
所以想在手機(jī)上測試，只能老老實(shí)實(shí)申請個(gè)證書了。
2.設(shè)備枚舉
在開啟攝像頭之前，先要把可以使用的麥克風(fēng)和攝像頭 ( 輸入設(shè)備 ) 列出來，如果沒有這兩樣設(shè)備也就無法繼續(xù)。
代碼如下:
<label for="audioDevice"> 錄音設(shè)備: </label>
<select id="audioDevice">
</select>
<br>
<label for="videoDevice"> 錄影設(shè)備: </label>
<select id="videoDevice">
</select>
<script>
navigator.mediaDevices.enumerateDevices().then(function (data) {
data.forEach(function (item) {
if(item.kind=="audioinput"){ //麥克風(fēng)
document.getElementById("audioDevice").innerHTML +="<option value='"+ item.deviceId +"'>" + item.label + " </option> "
}else if(item.kind=="videoinput"){ //攝像頭
document.getElementById("videoDevice").innerHTML +="<option value='"+ item.deviceId +"'>" + item.label + " </option> "
}
})
},function (error) {
console.log(error);
})
</script>
效果如下圖，和瀏覽器自己獲取的一模一樣。
注意：上圖的實(shí)例中，瀏覽器地址欄最右邊的攝像頭標(biāo)識是需要使用 getUserMedia()函數(shù)時(shí)才會出現(xiàn)。
<script>
var getUserMedia=navigator.webkitGetUserMedia; //Chrome瀏覽器的方法
getUserMedia.call(navigator, {
video:true, // 開啟音頻
audio:true // 開啟視頻
}, function(stream){
console.log(stream); // 成功獲取媒體流
}, function(error){
//處理媒體流創(chuàng)建失敗錯(cuò)誤
});
</script>
這時(shí)候可以通過瀏覽器給出的菜單下拉選擇設(shè)備。
3.設(shè)置參數(shù)，預(yù)覽
我們可以通過代碼來指定使用哪個(gè)攝像頭和麥克風(fēng)設(shè)備。
也可以通過代碼設(shè)置視頻的寬、高和幀率。
代碼如下：
<video id="video" autoplay></video> <!-- 一定要有 autoplay -->
<script>
var getUserMedia=navigator.webkitGetUserMedia ;
getUserMedia.call(navigator, {
"audio":{
"mandatory":{
"sourceId":"" // 指定設(shè)備的 deviceId
}
},
"video":{
"optional":[
{"minWidth":400},
{"maxWidth":400}, // 數(shù)字類型，固定寬度
{"minHeight":220}，
{"maxHeight":220}, // 數(shù)字類型，固定高度
{"frameRate":"12"} // 幀率
],"mandatory":{
"sourceId":"" // 指定設(shè)備的 deviceId
}
}
}, function(stream){
//綁定本地媒體流到video標(biāo)簽用于輸出
document.getElementById("video").src=URL.createObjectURL(stream);
}, function(error){
//處理媒體流創(chuàng)建失敗錯(cuò)誤
});
</script>
輸出的視頻流通過blob對象鏈接綁定到video標(biāo)簽輸出。
這個(gè)deviceId就是從上文設(shè)備枚舉 enumerateDevices() 獲取到的。
兩種設(shè)備，如果有一個(gè)deviceId填寫不正確，就會報(bào)出一個(gè)DevicesNotFoundError的錯(cuò)誤。
而且一旦指定了設(shè)備后，瀏覽器自己的設(shè)備選擇就會變成灰色不可選。
視頻的寬高，并不會因?yàn)樘顚懙臄?shù)值比例不合法而失真。
比如你設(shè)定了寬度30，高度100，那么他會從視頻中心截取 30x100 的畫面，而不是把原畫面擠壓到這個(gè)30x100的尺寸。
效果如下：
如果您的預(yù)覽一片漆黑，或者只有一個(gè)小黑點(diǎn)，那么說明您的攝像頭正在被占用...
吐槽：這個(gè)getUserMedia()函數(shù)的參數(shù)，w3的官方文檔鏈接如下：
https://www.w3.org/TR/mediacapture-streams/
可是Chrome并沒有遵循它，而且差距還挺大...
視頻保存
1. 格式支持
Chrome瀏覽器是大力推廣webm的視頻格式的。可以用MediaRecorder.isTypeSupported("video/webm")來測試是否支持這種類型的編碼。
如果返回true，那么我們錄制的視頻就可以被保存為這種指定的格式。
如果不指定，那么將會使用瀏覽器自動指定的文件格式。文檔原話如下
If this paramater is not specified, the UA will use a platform-specific default format.
但是這個(gè)默認(rèn)值卻無法直接獲取，全靠猜...
2. 視頻錄制 MediaRecorder
我們使用 MediaRecorder來錄制視頻，參數(shù)是通過getUserMedia()獲取的媒體流。
通過綁定ondataavailable事件，來獲取視頻片段數(shù)據(jù)，并在內(nèi)存中累積。
錄制的開始和結(jié)束分別使用 start和stop 函數(shù)。
執(zhí)行start之后會周期性觸發(fā)ondataavailable事件。
執(zhí)行stop之后會停止觸發(fā)ondataavailable事件。
錄制結(jié)束后，把累計(jì)的片段數(shù)據(jù)保存為blob對象，并從瀏覽器下載存為視頻文件。
代碼如下：
<script>
var getUserMedia=navigator.webkitGetUserMedia ;
var g_stream=null, g_recorder=null;
function startPreview(){
getUserMedia.call(navigator, {
video:true,
audio:true
}, function(stream){
g_stream=stream;
}, function(error){
});
}
function stopRecording(){
g_recorder.stop();
}
function startRecording(){
var chunks=[];
g_recorder=new MediaRecorder(g_stream,{mimeType:"video/webm"});
g_recorder.ondataavailable=function(e) {
chunks.push(e.data);
}
g_recorder.onstop=function(e) {
var blob=new Blob(chunks, { 'type' : 'video/webm' });
var audioURL=URL.createObjectURL(blob);
window.open(audioURL);
}
g_recorder.start();
}
</script>
注意：本例并沒有填寫視頻文件頭，所以保存出來的視頻文件沒有時(shí)間軌，無法快進(jìn)和跳躍。可以用格式工廠轉(zhuǎn)
“莫基了”上面有一個(gè)錄制音頻的例子 傳送門：http://t.cn/RvxZAeo
這篇文章的DEMO請戳 這里：http://t.cn/RVt9Q6I
?―――――――――↓―――――――――?
相關(guān)閱讀
多屏互動——H5中級進(jìn)階
前端，想說愛你不容易！
無需Flash實(shí)現(xiàn)圖片裁剪——HTML5中級進(jìn)階
作者信息
作者來自力譜宿云 LeapCloud 團(tuán)隊(duì)_UX成員：王詩詩 【原創(chuàng)】
力譜宿云 LeapCloud 團(tuán)隊(duì)首發(fā)：https://blog.maxleap.cn/archives/1197
歡迎關(guān)注微信訂閱號：MaxLeap_yidongyanfa
pera 瀏覽器
Opera 瀏覽器是免費(fèi)的，它是目前最小最快的瀏覽器！
Opera 是作為挪威電信公司 Telenor 的一個(gè)研究項(xiàng)目于 1994 年啟動的，并于 1995 發(fā)展為一個(gè)獨(dú)立的開發(fā)公司，Opera Software ASA。
Opera Software ASA 研發(fā)了 Opera web 瀏覽器，是桌面和設(shè)備市場的 web 瀏覽器開發(fā)領(lǐng)域的業(yè)界領(lǐng)導(dǎo)者。
Opera 瀏覽器由于其較之其他瀏覽器具有更快、更小且標(biāo)準(zhǔn)兼容性更強(qiáng)的優(yōu)點(diǎn)，已經(jīng)得到來自終端用戶和業(yè)界的國際性贊譽(yù)。
下載Opera
Opera 統(tǒng)計(jì)
下表是 瀏覽器統(tǒng)計(jì)信息 中關(guān)于 Opera 使用情況的細(xì)節(jié)：
| 2014 | 總計(jì) | O 20 | O 19 | O 18 | O 12 | O Mini | 其他 | ||
|---|---|---|---|---|---|---|---|---|---|
| 5 月 | 1.8 % | 0.3 % | 0.0 % | 0.0 % | 0.4 % | 0.7 % | 0.4 % | ||
| 4 月 | 1.8 % | 0.6 % | 0.0 % | 0.0 % | 0.4 % | 0.8 % | 0.0 % | ||
| 3 月 | 1.8 % | 0.5 % | 0.1 % | 0.0 % | 0.5 % | 0.7 % | 0.0 % | ||
| 2 月 | 1.9 % | 0.5 % | 0.1 % | 0.5 % | 0.7 % | 0.1 % | |||
| 1 月 | 1.8 % | 0.4 % | 0.5 % | 0.7 % | 0.2 % | ||||
| 2013 | 總計(jì) | O 18 | O 17 | O 16 | O 15 | O 12 | O 11 | O Mini | 其他 |
| 12 月 | 1.9 % | 0.4 % | 0.1 % | 0.0 % | 0.0 % | 0.5 % | 0.0 % | 0.7 % | 0.2 % |
| 11 月 | 1.8 % | 0.2 % | 0.2 % | 0.0 % | 0.0 % | 0.6 % | 0.0 % | 0.7 % | 0.1 % |
| 10 月 | 1.7 % | 0.2 % | 0.1 % | 0.0 % | 0.6 % | 0.0 % | 0.6 % | 0.2 % | |
| 9 月 | 1.7 % | 0.9 % | 0.0 % | 0.8 % | 0.0 % | ||||
| 8 月 | 1.8 % | 0.7 % | 0.1 % | 0.7 % | 0.3 % | ||||
| 7 月 | 1.6 % | 0.8 % | 0.1 % | 0.7 % | 0.0 % | ||||
| 6 月 | 1.7 % | 1.0 % | 0.1 % | 0.6 % | 0.0 % | ||||
| 5 月 | 1.6 % | 1.0 % | 0.1 % | 0.6 % | 0.0 % | ||||
| 4 月 | 1.7 % | 1.0 % | 0.1 % | 0.5 % | 0.1 % | ||||
| 3 月 | 1.8 % | 1.1 % | 0.1 % | 0.6 % | 0.0 % | ||||
| 2 月 | 1.8 % | 1.1 % | 0.1 % | 0.5 % | 0.1 % | ||||
| 1 月 | 1.9 % | 1.1 % | 0.1 % | 0.6 % | 0.1 % | ||||
| 2012 | 總計(jì) | O 12 | O 11 | O 10 | O Mini | 其他 | |||
| 12 月 | 2.1 % | 1.2 % | 0.1 % | 0.0 % | 0.6 % | 0.2 % | |||
| 11 月 | 2.0 % | 1.3 % | 0.1 % | 0.0 % | 0.5 % | 0.1 % | |||
| 10 月 | 2.0 % | 1.2 % | 0.2 % | 0.0 % | 0.5 % | 0.1 % | |||
| 9 月 | 2.1 % | 1.2 % | 0.2 % | 0.0 % | 0.6 % | 0.1 % | |||
| 8 月 | 2.2 % | 1.2 % | 0.3 % | 0.0 % | 0.7 % | 0.0 % | |||
| 7 月 | 2.1 % | 1.1 % | 0.4 % | 0.0 % | 0.6 % | 0.0 % | |||
| 6 月 | 2.2 % | 0.5 % | 1.1 % | 0.0 % | 0.6 % | 0.0 % | |||
| 5 月 | 2.2 % | 0.1 % | 1.5 % | 0.1 % | 0.5 % | 0.0 % | |||
| 4 月 | 2.3 % | 0.1 % | 1.6 % | 0.1 % | 0.5 % | 0.0 % | |||
| 3 月 | 2.3 % | 0.1 % | 1.6 % | 0.1 % | 0.5 % | 0.0 % | |||
| 2 月 | 2.3 % | 0.1 % | 1.6 % | 0.1 % | 0.5 % | 0.0 % | |||
| 1 月 | 2.4 % | 0.1 % | 1.7 % | 0.1 % | 0.5 % | 0.0 % | |||
| 2011 | 總計(jì) | O 11 | O 10 | O Mini | 其他 | ||||
| 12 月 | 2.5 % | 1.8 % | 0.1 % | 0.5 % | 0.1 % | ||||
| 11 月 | 2.4 % | 1.8 % | 0.1 % | 0.5 % | 0.0 % | ||||
| 10 月 | 2.4 % | 1.8 % | 0.1 % | 0.5 % | 0.0 % | ||||
| 9 月 | 2.2 % | 1.7 % | 0.1 % | 0.4 % | 0.0 % | ||||
| 8 月 | 2.3 % | 1.7 % | 0.1 % | 0.4 % | 0.1 % | ||||
| 7 月 | 2.4 % | 1.7 % | 0.1 % | 0.5 % | 0.1 % | ||||
| 6 月 | 2.4 % | 1.7 % | 0.2 % | 0.4 % | 0.1 % | ||||
| 5 月 | 2.4 % | 1.8 % | 0.2 % | 0.4 % | 0.0 % | ||||
| 4 月 | 2.6 % | 1.9 % | 0.2 % | 0.4 % | 0.1 % | ||||
| 3 月 | 2.5 % | 1.9 % | 0.2 % | 0.3 % | 0.1 % | ||||
| 2 月 | 2.5 % | 1.8 % | 0.3 % | 0.3 % | 0.1 % | ||||
| 1 月 | 2.5 % | 1.7 % | 0.4 % | 0.3 % | 0.1 % | ||||
| 2010 | 總計(jì) | O 11 | O 10 | O 9.5 | 其他 | ||||
| 12 月 | 2.2 % | 0.7 % | 1.4 % | 0.1 % | 0.0 % | ||||
| 11 月 | 2.3 % | 0.1 % | 2.1 % | 0.1 % | 0.0 % | ||||
| 10 月 | 2.2 % | 2.1 % | 0.1 % | 0.0 % | |||||
| 9 月 | 2.2 % | 2.0 % | 0.1 % | 0.1 % | |||||
| 8 月 | 2.3 % | 2.1 % | 0.1 % | 0.1 % | |||||
| 7 月 | 2.3 % | 2.1 % | 0.2 % | 0.0 % | |||||
| 6 月 | 2.1 % | 1.9 % | 0.2 % | 0.0 % | |||||
| 5 月 | 2.2 % | 2.0 % | 0.2 % | 0.0 % | |||||
| 4 月 | 2.2 % | 2.0 % | 0.2 % | 0.0 % | |||||
| 3 月 | 2.2 % | 1.9 % | 0.3 % | 0.0 % | |||||
| 2 月 | 2.1 % | 1.8 % | 0.3 % | 0.0 % | |||||
| 1 月 | 2.2 % | 1.8 % | 0.4 % | 0.0 % | |||||
| 2009 | 總計(jì) | O 10 | O 9.5 | O 9 | 其他 | ||||
| 12 月 | 2.3 % | 1.8 % | 0.4 % | 0.1 % | 0.0 % | ||||
| 11 月 | 2.3 % | 1.7 % | 0.5 % | 0.1 % | 0.0 % | ||||
| 10 月 | 2.3 % | 1.5 % | 0.7 % | 0.1 % | 0.0 % | ||||
| 9 月 | 2.2 % | 1.2 % | 0.9 % | 0.1 % | 0.0 % | ||||
| 8 月 | 2.1 % | 0.4 % | 1.6 % | 0.1 % | 0.0 % | ||||
| 7 月 | 2.1 % | 0.3 % | 1.7 % | 0.1 % | 0.0 % | ||||
| 6 月 | 2.1 % | 0.2 % | 1.7 % | 0.1 % | 0.1 % | ||||
| 5 月 | 2.2 % | 0.1 % | 1.9 % | 0.1 % | 0.1 % | ||||
| 4 月 | 2.2 % | 0.1 % | 1.9 % | 0.1 % | 0.1 % | ||||
| 3 月 | 2.3 % | 0.1 % | 1.9 % | 0.2 % | 0.1 % | ||||
| 2 月 | 2.2 % | 0.1 % | 1.9 % | 0.2 % | 0.0 % | ||||
| 1 月 | 2.3 % | 0.1 % | 1.9 % | 0.2 % | 0.1 % | ||||
| 2008 | 總計(jì) | O 10 | O 9.5 | O 9 | 其他 | ||||
| 12 月 | 2.4 % | 0.1 % | 2.0 % | 0.2 % | 0.1 % | ||||
| 11 月 | 2.3 % | 1.9 % | 0.3 % | 0.1 % | |||||
| 10 月 | 2.2 % | 1.7 % | 0.4 % | 0.1 % | |||||
| 9 月 | 2.0 % | 1.5 % | 0.4 % | 0.1 % | |||||
| 8 月 | 2.1 % | 1.5 % | 0.5 % | 0.1 % | |||||
| 7 月 | 1.9 % | 1.3 % | 0.6 % | 0.0 % | |||||
| 6 月 | 1.7 % | 1.0 % | 0.6 % | 0.1 % | |||||
| 5 月 | 1.5 % | 0.1 % | 1.3 % | 0.1 % |
Opera 不僅免費(fèi)而且符合 Web 標(biāo)準(zhǔn)！
Opera 瀏覽器是免費(fèi)的！早期的旗幟廣告和許可費(fèi)制度已經(jīng)被撤銷了！
Opera 瀏覽器具有更快、更小且標(biāo)準(zhǔn)兼容性性更強(qiáng)的優(yōu)點(diǎn)。
如果您的網(wǎng)站在 Opera 中運(yùn)行良好，那么可以確定它符合標(biāo)準(zhǔn)！只需要用符合標(biāo)準(zhǔn)的代碼來編寫您的頁面，就可確保您的網(wǎng)站運(yùn)行良好，不論是在所有主流瀏覽器中，還是在所有主流平臺以及操作系統(tǒng)上。
Opera 支持所有在用的 Web 標(biāo)準(zhǔn)，諸如 CSS、HTML、XHTML、HTTP、DOM、XML、XSL、ECMAScript（JavaScript）、PNG、WML、SVG、Unicode、Unicode Bidirectional Algorithm 等等。
Opera 20
Opera 20 于 2014 年 3 月 4 日發(fā)布，包括更新到最新的 Chromium 版本 33。
Opera 20 可以在 Mac 和 Windows 上運(yùn)行。
新特性：
可拖拽的書簽 - 拖拽您的標(biāo)簽到書簽欄，可以保存這些標(biāo)簽。拖拽您的書簽到快速撥號（Speed Dial），可以創(chuàng)建新的條目。
新的快速撥號（Speed Dial）條目 - 在高級設(shè)置中，可以改變快速撥號（Speed Dial）條目的外觀。
Opera 19
Opera 19 于 2014 年 1 月 28 日發(fā)布，包括更新到最新的 Chromium 版本 32。
Opera 19 可以在 Mac 和 Windows 上運(yùn)行。
新特性：
書簽欄 - 可以保存標(biāo)簽到書簽欄，可以很方便地管理書簽欄里邊的標(biāo)簽，還可以很容易地點(diǎn)擊書簽欄中標(biāo)簽來訪問網(wǎng)頁。
主題創(chuàng)建 - 上傳圖像或者使用來自網(wǎng)絡(luò)上的圖像來自定義瀏覽器的外觀。
Opera 18
Opera 18 于 2013 年 11 月 19 日發(fā)布，包括更新到最新的 Chromium 版本 31。
Opera 18 可以在 Mac 和 Windows 上運(yùn)行。
新特性：
媒體訪問 - 允許網(wǎng)站訪問您的相機(jī)和麥克風(fēng)，包括對 HTML5 媒體訪問的支持。
主題 - 可以通過主題管理器安裝來自 addons.opera.com 上的主題。
搖桿（Rocker）手勢 - 通過在鼠標(biāo)按鈕上移動您的手指，來向前/向后導(dǎo)航標(biāo)簽的歷史。
增強(qiáng)標(biāo)簽的功能 - 您可以在打開的窗口之間拖拽標(biāo)簽。
Opera 17
Opera 17 于 2013 年 10 月 10 日發(fā)布，包括更新到最新的 Chromium 版本 30。
Opera 17 可以在 Mac 和 Windows 上運(yùn)行。
新特性：
固定標(biāo)簽 - 允許您固定標(biāo)簽到標(biāo)簽欄上（有助于防止您意外關(guān)閉標(biāo)簽）。
自定義搜索 - 您可以添加自定義搜索引擎到聯(lián)合搜索和地址欄。
Opera 16
Opera 16 于 2013 年 8 月 27 日發(fā)布，包括更新到最新的 Chromium 版本 29。
Opera 16 可以在 Mac 和 Windows 上運(yùn)行。
新特性：
自動填充 - 您可以安全地存儲在線使用的地址、電話號碼、電子郵件地址和信用卡。
地理位置 - 您可以通過網(wǎng)站分享您的位置信息。
Opera 15
Opera 15 于 2013 年 7 月 2 日發(fā)布。
Opera 15 可以在 Mac 和 Windows 上運(yùn)行。
Opera 15 是 Opera 的一個(gè)重大的再造。瀏覽器的源代碼是基于 Chromium 和 Blink，以及 WebKit 渲染引擎。這個(gè)版本的瀏覽器的一切都是新的：
新的渲染引擎，基于 WebKit
新的用戶界面
新的能力
新的特性
改進(jìn)的站點(diǎn)兼容性
自動更新
新特性：
組合的地址與搜索欄
增強(qiáng)的快速撥號（Speed Dial） - 允許您將快速撥號條目分組。
儲備特性 - 記錄位置、元數(shù)據(jù)、網(wǎng)頁截圖，并把這些信息放置在瀏覽器起始頁上的可折疊列表項(xiàng)中，可以通過關(guān)鍵字搜索，也可以通過截圖進(jìn)行可視化瀏覽。
獲得知識 - 顯示新聞和專題內(nèi)容，可以通過類別或位置/語言進(jìn)行過濾。
越野（Off-Road）模式 - 采用 Opera Mobile 所使用的服務(wù)器端壓縮技術(shù)。
Opera 12
Opera 12 于 2012 年 6 月 13 日發(fā)布。
Opera 12 可以在 Linux、Mac、FreeBSD 和 Windows 上運(yùn)行。
新特性：
改進(jìn)的速度
支持拍照 - 第一個(gè)支持 W3C getUserMedia 規(guī)范的瀏覽器。
主題 - Opera 12 引進(jìn)了輕量級的主題。
更好的安全徽章
改進(jìn)對 HTML5 和 CSS3 的支持 - 比如 HTML5 拖放、CSS3 過渡和動畫。
新增 5 種新的語言 - 阿拉伯語（Arabic）、波斯語（Persian）、烏爾都語（Urdu）、希伯萊語（Hebrew）和哈薩克語（Kazakh）。
一個(gè)頁面縮放滑塊
支持不跟蹤
Opera 11.60
Opera 11.60 于 2011 年 12 月 6 日發(fā)布。
Opera 11.60 可以在 Linux、Mac、FreeBSD 和 Windows 上運(yùn)行。
新特性：
新的瀏覽器引擎 - 更快和更穩(wěn)定的互聯(lián)網(wǎng)體驗(yàn)。
新的郵件設(shè)計(jì) - 更簡潔的布局，消息分組，更方便的導(dǎo)航，在收件箱中更直觀的視圖。
修改地址字段 - 只需要按下地址欄中的星號，即可添加頁面到書簽或者快速撥號（Speed Dial）中
改進(jìn)對 HTML5、CSS3、SVG 的支持。
Opera 11.50
Opera 11.50 于 2011 年 6 月 28 日發(fā)布。
Opera 11.50 可以在 Linux、Mac、FreeBSD 和 Windows 上運(yùn)行。
新特性：
時(shí)尚的用戶界面
為 Opera 的快速撥號（Speed Dial）特性添加功能 - 通過擴(kuò)展嵌入您的快速撥號（Speed Dial），讓您可以即時(shí)更新，而不需要通過添加縮略圖鏈接到收藏夾中。
密碼同步 - 讓您與其他 Opera 瀏覽器安全地同步密碼。
更快的圖形性能
改進(jìn)對 HTML5、CSS3、SVG 的支持
Opera 11.10
Opera 11.10 于 2011 年 4 月發(fā)布。
Opera 11.10 可以在 Linux、Mac、FreeBSD 和 Windows 上運(yùn)行。
新特性：
Speed Dial 2.0 - 可以更清晰地預(yù)覽您喜愛的網(wǎng)頁，并且可以動態(tài)顯示網(wǎng)站最新的內(nèi)容。快速撥號項(xiàng)的使用數(shù)量不做限制。
增強(qiáng)的 Opera Turbo - 在擁擠的 Wi-Fi 熱點(diǎn)地區(qū)，或者在使用移動電話或撥號連接時(shí)，提高您的瀏覽速度。
簡單的插件安裝 - 在這個(gè)版本中，最流行的插件，Adobe Flash Player，可以無縫自動安裝。
新的 CSS3 支持 - Opera 現(xiàn)在支持 CSS3 線性漸變和多列。
Opera 11
Opera 11 于 2010 年 12 月發(fā)布。
Opera 11 可以在 Linux、Mac、FreeBSD 和 Windows 上運(yùn)行。
新特性：
Opera Presto 2.7 渲染引擎 - 更好地支持 CSS3 和 HTML5。
標(biāo)簽堆疊 - 我們經(jīng)常打開許多標(biāo)簽，以致于難以調(diào)整和管理。Opera 11 讓您可以拖動一個(gè)標(biāo)簽到另一個(gè)標(biāo)簽上，用來創(chuàng)建標(biāo)簽組。限制您可以讓打開的幾十個(gè)網(wǎng)頁有組織地顯示，且您可以很方便地進(jìn)行調(diào)整和管理。
安全地址字段 - 一種改進(jìn)的地址字段，使得它更容易在網(wǎng)絡(luò)上保持安全，并且它隱藏了長網(wǎng)絡(luò)地址的復(fù)雜性。同時(shí)它還提供了更安全的信息來幫助您在瀏覽時(shí)保持安全，只需要點(diǎn)擊網(wǎng)站的徽章就能看到您所訪問的網(wǎng)站的安全信息。
視覺鼠標(biāo)手勢（Visual Mouse Gestures） - 通過鼠標(biāo)的快速輕彈，即可完成常用的瀏覽器動作。在網(wǎng)頁上按住鼠標(biāo)右鍵，會顯示一個(gè)指示如何執(zhí)行可用手勢的視覺向?qū)А?/p>
針對微軟 Windows 平臺的 Opera 安裝程序 - Opera 有一個(gè)新的安裝程序，比之前使用的 MSI 安裝程序快多了。
新的擴(kuò)展 & 郵件面板 - 一堆新的擴(kuò)展，一個(gè)新的右鍵面板，以便更加快速地使用電子郵件。
更舊的 Opera 版本
Opera 10.5 - 于 2010 年 3 月發(fā)布。
Opera 10.0 - 于 2009 年 9 月發(fā)布。
Opera 9.5 - 于 2008 年 6 月發(fā)布。
Opera 9.0 - 于 2006 年 6 月發(fā)布。
Opera 8.5 - 于 2005 年 9 月發(fā)布。
Opera 8.0 - 于 2005 年 4 月發(fā)布。
*請認(rèn)真填寫需求信息，我們會在24小時(shí)內(nèi)與您取得聯(lián)系。
