跨科瀏覽器
⑴ 如何解決跨瀏覽器的問題
你好,你可以使用360瀏覽器,它界面上的有跨屏瀏覽的按鈕,點就可以跨屏瀏覽。
⑵ 瀏覽器跨屏是什麼
跨屏是個挺不錯的功能,我用QQ瀏覽器看視頻的時候,就會經常用到跨版屏,然後去上個網頁看新權聞什麼的,而且QQ瀏覽器還可以打開office文件,有的時候跨屏出來還會弄下office文件辦公,所以說,QQ瀏覽器的跨屏功能還是挺有用的。
⑶ 什麼是無插件的跨瀏覽器語音接入
一、導言
隨著互聯網應用的發展,網路瀏覽器已經成為頭等應用程序。滑鼠和鍵盤設備完全滿足信息獲取類應用的人機交互需求,但對於人機語音交互的應用需求,瀏覽器行業尚無標準的語音接入方案來支持。本文對現有的瀏覽器語音接入方案做了綜述,然後介紹了蘇州思必馳信息科技有限公司採用的無插件的跨瀏覽器語音接入方案,並且分析了該方案的應用特點。最後,本文還探討了基於瀏覽器的語音接入方案的技術發展方向。謹以本文分享蘇州思必馳多年在語音技術應用領域的研發心得,拋磚引玉。
二、現有瀏覽器語音接入方案綜述
滑鼠和鍵盤設備完全滿足基於網路瀏覽器的信息獲取類應用的人機交互需求,但由於網路瀏覽器已經成為頭等應用程序,人機語音交互的應用也紛紛在瀏覽器上做了實現。
典型的語音應用流程包括如下步驟:應用採集用戶的語音,將語音數據送給語音分析模塊(例如語音識別、發音評估或者聲紋識別等),將語音分析模塊的輸出(例如語音識別得到的文本、發音評估得到的評分或者聲紋識別得到的用戶標志)反饋給用戶。
將人機交互的語音應用在瀏覽器上實現的關鍵技術是基於瀏覽器完成用戶音頻的採集。出於安全考慮,網頁應用不允許通過瀏覽器直接訪問終端的硬體資源,包括音效卡設備。所以,基於瀏覽器的語音交互方案大都圍繞著瀏覽器插件做文章。常見的技術選型包括:
·基於IE瀏覽器的ActiveX插件;
·基於NP插件架構的插件,支持Firefox等瀏覽器;
·基於java Applet開發應用;
·基於Flash Player開發應用;
·基於Silverlight開發應用。
·除了插件系列,Google Chrome瀏覽器將語音輸入功能作為了瀏覽器內置的功能。但該功能尚僅限於Google Chrome瀏覽器。
三、無插件的跨瀏覽器語音接入方案
瀏覽器之爭不見消停而愈演愈烈,讓終端用戶使用其熟悉的瀏覽器無縫地來訪問網路語音應用,是基於瀏覽器的語音接入方案設計的關注點之一。
自行開發的瀏覽器插件,需要用戶安裝許可。如果用戶有安全考慮,或者有類似360這樣對瀏覽器插件管理苛刻的桌面程序,插件能否成功部署到用戶的終端都是一個問題。
Java Applet是過時技術,且需要購買安全授權,應用部署成本高。
Silverlight提供了類似Flash Player的音頻採集功能。但相比Adobe對Flash Player平台的持續關注和投入,Microsoft對Silverlight抱有非常曖昧的態度。何況,Silverlight在瀏覽器的佔有率遠遠不如Flash Player。
Flash Player幾乎安裝在了每個用戶的瀏覽器上,基於Flash Player開發的語音接入方案,無需用戶安裝,僅需要用戶許可訪問本地麥克風硬體,流程友好,便於迅速啟動語音接入功能。基於Flash Player開發的語音接入方案,得益於Flash Player的普及和標准化,可以稱得上是無插件的跨瀏覽器語音接入方案。AIChinese,midomi,Arivoc(demo),EnglishCentral,以及曾經曇花一現的網路哼唱識別,都是採用Flash Player實現語音接入,並且在雲端提供語音分析技術服務。
四、蘇州思必馳的無插件的跨瀏覽器語音接入方案的特點
從面上看,技術方案就是know-how,但各自所下的功夫不同,方案所實現的效果也有所差別。
2009年,思必馳選擇了基於Flash Player平台的無插件跨瀏覽器語音接入方案。當時利用ActionScript的NetStream類和Microphone類的相關函數,配合Adobe Flash Media Server的一個試用版,走通了技術方案。隨後,思必馳在如下方面對該方案進行了深入的研發:
前台語音接入功能和使用流程的標准化和組件化
思必馳深度封裝了Flash Player的核心錄音採集功能、語音應用流程、以及與伺服器的交互流程,並且定義了詳盡的應用和系統狀態。思必馳提供ActionScript SDK和JavaScript SDK、語音面板組件、開發案例和詳細的開發文檔,將開發語音應用的難度降到最低。
伺服器接入層設計
從應用的終端考慮,不僅僅有跨瀏覽器的語音接入需求,而且有跨平台、跨網路協議、跨編碼甚至跨物理網路的多種終端接入需求。思必馳專注於核心語音技術,同樣致力於將優秀的語音技術提供給多種類型的應用。因此,思必馳在伺服器端設計了接入層。該層作為一個配適器,支持多種方式的語音接入。基於Flash Player平台的語音接入方案,其語音源來自Internet,採用RTMP協議,採用Nelly Moser或者SpeeX編碼。思必馳參考了開源項目Red5,開發出輕量級RTMP接入介面,支持流解碼,並且在硬碟I/O等資源使用上做了充分的優化。RTMP客戶端和伺服器在一個RTMP連接上做語音數據和參數的傳遞,以及結果返回,採用AMF3序列化數據。接入層基於TCP第四層做負載均衡,此策略支持高度的橫向擴展。
基於如上的技術演變,歷時兩年,思必馳將無插件的跨瀏覽器語音接入方案擴展為「聲動之芯」(AISpeech API)——語音技術雲計算平台——的一部分。(今後將專門撰文對該平台的架構設計以及應用方向做介紹。)
五、基於瀏覽器的語音接入方案的技術發展方向
經過AIChinese商用以及為多家行業客戶提供技術授權和解決方案,思必馳對基於瀏覽器的語音接入方案有一些自己的心得和設想。
近年來,基於瀏覽器的語音技術應用,逐漸豐富起來,但仍屬群雄逐鹿,缺乏規范。雖然思必馳是做核心技術的,但其應用仍需要看平台的「臉色」。思必馳尚無領導行業的能力,仍需要關注行業規范的發展。像目前這樣閉門造車,不利於平台、技術和應用的普及。
W3C的HTML Speech Incubator Group是基於瀏覽器的語音接入方案的行業組織,其規范尚在醞釀中,值得關注。傳統語音應用領域已經實現的行業規范和標准以及方案值得深入研究和融合,包括VoiceXML、MRCP、VoIP、P2P等。
本地服務方案應該作為雲平台的補充深入研究。本地服務方案不同於插件方案,獨立於瀏覽器,僅涉及跨操作系統的兼容性設計。從架構上講,可以將本地服務視為雲平台的一個完整的節點。本地服務方案和雲平台的協助工作、負載分流以及部署和升級策略等,是思必馳的研究重點之一。
附:
蘇州思必馳信息科技有限公司簡介
蘇州思必馳信息科技有限公司由劍橋大學頂尖的智能語音專家和國際商業管理團隊創立於劍橋大學高新區,後作為政府重點引資項目歸國,進行產業化建設。
思必馳是國際上極少數擁有自主知識產權和完整智能語音技術系列(評測、識別、合成、人機對話)的語音公司之一。其在數字化口語教育行業的應用技術經權威機構評測達到了國際領先水平,並成功實現了互聯網、移動平台和桌面之間的跨平台應用。
思必馳致力於為數字化口語教育領域提供相關產品和服務:面向教育軟體公司、考試機構、培訓機構、出版社等提供智能語音口語教育軟體平台(API),助其實現各類人機互動口語教學功能和服務;同時,面向教育機構提供口語教輔系統,實現高效的口語教學。
聲動之芯 API簡介
「聲動之芯」是思必馳傾力打造的基於雲計算的智能語音交互技術服務,將復雜的語音技術壓縮為簡易的介面。語言教學領域的出版社、教育軟體公司、外語培訓機構等,無需專業語音知識,只需20分鍾,就可調用這些介面或應用成熟模板,在互聯網、區域網或客戶終端上實現教學「聲動」化,讓教輔產品搖身一變,價值倍增。
⑷ 有沒有瀏覽器直接可以跨越的那種
目前沒有能直接跨越的瀏覽器,都是藉助第三方插件才能實現的。
⑸ javascript 什麼叫跨瀏覽器事件處理
一.關於獲取事件對象
FF有點倔強,只支持arguments[0],不支持window.event。這次真的不怪IE,雖然把event作為window的屬性不合規范,但大家都已經默許這個小問題存在了,只有FF這么多年了還是特立獨行。所以,跨瀏覽器的事件對象獲取有以下兩種方式:
帶參的:
?
1
2
3
4
getEvent : function(event){
return event ? event : window.event;
//return event || window.event;//或者更簡單的方式
}
無參的:
?
1
2
3
4
function getEvent() {
return arguments[0] ? arguments[0] : window.event;
//return arguments[0] || window.event;//或者更簡單的方式
}
需要特別說明一種方式:HTML的DOM0級方式 + 帶參的事件處理器,如下:
?
1
2
3
4
function handler(event){
//do something
}
<!-- HTML的DOM0級方式 --><br><button id="btn" onclick="handler(event);">按鈕</button><br>
上面這種方式是全瀏覽器兼容的,但依賴HTML的DOM0級方式的缺點很明顯,所以沒能成為像前兩種那樣的主流方法,而JS的DOM0級方式 + 帶參的事件處理器,如下:
?
1
2
3
4
5
function handler(event){
//do something
}
btn.onclick = handler;//JS的DOM0級方式
//btn.onclick = function(event){/*do something*/}//或者匿名函數,效果同上
這種方式不是全瀏覽器兼容的,[IE8-]不支持,IE9+未知,FF,Chrome支持。一直以為HTML的DOM0級事件處理和JS的DOM0級事件處理是等價的,現在做了很多實驗才發現二者是有區別的
二.關於獲取事件源
event.srcElement是[IE8-]唯一的方式,IE9+未知,其它瀏覽器都支持標準的event.target方式
三.關於阻止事件默認行為
event.preventDefault()是標准方法,但[IE8-]不支持,IE自己的方式是event.returnValue = false;
四.關於停止事件傳播
event.stopPropagation()是標准方法,IE又有意見了,他要這么玩:event.cancelBubble = true;這里需要特別注意了,因為cancel是屬性而不是方法,與標准相差甚遠,容易記錯
五.關於事件處理器的添加和移除
DOM0級方式
ele.onclick = handler;ele.onclick=null;最古老的一種方式
優點:全瀏覽器兼容
缺點:同一事件只能綁定/解綁一個事件處理器
DOM2級方式
?
1
ele.add/removeEventListener(eventType, handler, catch);
和IE方式:ele.attach/detachEvent(『on'+eventType, handler);
優點:支持綁定/解綁多個事件處理器
缺點:需要做兼容性判斷。需要注意的是:標准方式中最後一個參數表示是否在事件捕獲階段綁定/解綁,IE不支持事件捕獲,所以也就沒有第三個參數了
注意:IE方式不僅方法名與標准不同,參數中事件類型還要加上on,否則綁定無效但不報錯
六.跨瀏覽器的事件處理
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
//跨瀏覽器的事件處理器添加方式
var EventUtil = {
addHandler : function(elem, type, handler){
if(elem.addEventListener){
elem.addEventListener(type, handler, false);
}
else if(elem.attachEvent){
elem.attachEvent("on" + type, handler);//添加多個同一類型的handler時,IE方式的規則是最後添加的最先觸發
}
else{
if(typeof elem["on" + type] === 'function'){
var oldHandler = elem["on" + type];
elem["on" + type] = function(){
oldHandler();
handler();
}
}
else{
elem["on" + type] = handler;//支持添加多個事件處理器
}
}
},
getEvent : function(event){
return event ? event : window.event;
},
getTarget : function(event){
return event.target || event.srcElement;
},
preventDefault : function(event){
if(event.preventDefault){
event.preventDefault();
}
else{
event.returnValue = false;
}
},
removeHandler : function(elem, type, handler){
if(elem.removeEventListener){
elem.removeEventListener(type, handler, false);
}
else if(elem.detachEvent){
elem.detachEvent("on" + type, handler);
}
else{
elem["on" + type] = null;//不支持移除單一事件處理器,只能全部移除
}
},
stopPropagation : function(event){
if(event.stopPropagation){
event.stopPropagation();
}
else{
event.cancelBubble = true;
}
},
getRelatedTarget : function(event){
if(event.relatedTarget){
return event.relatedTarget;
}
else if(event.toElement && event.type == "mouseout"){
return event.toElement;
}
else if(event.fromElement && event.type == "mouseover"){
return event.fromElement;
}
else{
return null;
}
},
/*IE8點擊左鍵和中鍵都是0;FF無法識別中鍵;Chrome正常*/
getButton : function(event){//返回0,1,2 - 左,中,右
if(document.implementation.hasFeature("MouseEvents", "2.0")){
return event.button;
}
else{
switch(event.button){
case 0:case 1:case 3:case 5:case 7:
return 0;
break;
case 2:case 6:
return 2;
break;
case 4:
return 1;
break;
default:
break;
}
}
},
/*只能檢測keypress事件,返回值等於將要顯示的字元編碼*/
/*IE和Chrome只有能顯示的字元鍵才觸發,FF其它鍵也能觸發,返回值為0*/
getCharCode : function(event){
if(typeof event.charCode == "number"){
return event.charCode;
}
else{
return event.keyCode;
}
}
};
綜合示例
如果項目中沒有使用諸如 jQuery 之類的庫,如何方便地為元素綁定事件,並兼容各種瀏覽器呢?下面這個簡單的 Utility 應該可以考慮。
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
var eventUtility = {
addEvent : function(el, type, fn) {
if(typeof addEventListener !== "undefined") {
el.addEventListener(type, fn, false);
} else if(typeof attachEvent !== "undefined") {
el.attachEvent("on" + type, fn);
} else {
el["on" + type] = fn;
}
},
removeEvent : function(el, type, fn) {
if(typeof removeEventListener !== "undefined") {
el.removeEventListener(type, fn, false);
} else if(typeof detachEvent !== "undefined") {
el.detachEvent("on" + type, fn);
} else {
el["on" + type] = null;
}
},
getTarget : function(event) {
if(typeof event.target !== "undefined") {
return event.target;
} else {
return event.srcElement;
}
},
preventDefault : function(event) {
if(typeof event.preventDefault !== "undefined") {
event.preventDefault();
} else {
event.returnValue = false;
}
}
};
使用方法示例:
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var eventHandler = function(evt) {
var target = eventUtility.getTarget(evt),
tagName = target.tagName;
if(evt.type === "click") {
if(tagName === "A" || tagName === "BUTTON") {
alert("You clicked on an A element, and the innerHTML is " + target.innerHTML + "!");
eventUtility.preventDefault(evt);
}
} else if(evt.type === "mouseover" && tagName === "A") {
alert("mouseovered " + target.innerHTML);
}
};
eventUtility.addEvent(document, "click", eventHandler);
eventUtility.addEvent(document, "mouseover", eventHandler);
eventUtility.removeEvent(document, "mouseover", eventHandler);
⑹ 高拍儀 跨瀏覽器兼容 怎麼做
相對來說360安全瀏覽器好用,它打開網頁速度快,用起來安全,建議用它就可以了。
⑺ 什麼叫跨瀏覽器特性
瀏覽器的內核都是不一樣的,ie,火狐,chrome,都用的自家開發的內核。跨瀏覽器就是說不管什麼內核,看到的內容都是一樣的,不會出現錯位,重影,覆蓋等情況。
⑻ 跨平台、跨瀏覽器分別是什麼意思
跨平台概念是軟體開發中一個重要的概念,即不依賴於操作系統,也不依賴硬體環境。通俗的說就是一款軟體可以在Windows、Mac OS、Liniux、Android等環境下運行。
跨瀏覽器指的是某項服務可以應用於多個瀏覽器。通俗的說就是某個網頁能在Chrome、Firefox、Safari、Internet Explorer中正常打開。(某項擴展提供了Chrome、Firefox、Internet Explorer的版本也可以成為跨瀏覽器)
⑼ ntko office怎麼跨瀏覽器
NTKO OFFICE文檔控制項是由重慶軟航科技有限公司開發的,能夠在IE、Chrome、Firefox等多個瀏覽器中編輯S Office、WPS文字、WPS電子表、永中Office、中標普華Office、Open office等文檔並保持到WEB伺服器的在線編輯控制項,該產品完美的實現了文檔和電子表格的統一管理。
本文為了廣大企業用戶能更好的了解該產品,做好信息化管理軟體選型,巔峰網評測人員特意體驗了該產品,與大家分享其特色功能。
NTKO OFFICE文檔控制項 六大特色功能
NTKO OFFICE文檔控制項應用示例如下:
1、二維碼功能
二維碼功能有公文二維條碼、自定義二維碼、一維碼。通過文檔控制項提供的函數,調用各種條碼的功能,在當前打開的Word,Excel,WPS文字中插入國家公文標準的PDF417條碼,自定義內容的PDF417條碼,以及QrCode二維條碼。並且支持ENA13,CODE39,CODE128等一維條形碼。
不僅如此,文檔控制項還集成了國家公文標準的PDF417二維條碼UI界面,通過方法調用,直接啟用界面,讓用戶在界面中輸入各項參數,預覽並生成pdf417二維碼。產生的條碼列印之後,可以直接用硬體(條碼掃描槍),識別條碼的內容。
2、PDF閱讀功能:
該功能使得文檔控制項可以使用OpenFromURL,或者BeginOpenFromURL方法,從本地/伺服器打開PDF文檔進行閱讀。並可以控制禁止保存,列印等。或者可以從本地打開PDF文檔並保存到伺服器。
3、TIF閱讀功能
隨著電子傳真格式的進一步應用,很多企業接收的傳真是TIF格式的文件。此功能使得文檔控制項可以使用OpenFromURL,或者BeginOpenFromURL方法,從本地/伺服器打開TIF文檔進行閱讀。並可以控制禁止保存,列印等。或者可以從本地打開TIF/TIFF文檔並保存到伺服器。開發商只需要調用文檔控制項的介面也就可以實現TIF的功能。
4、永中OFFICE在線編輯功能
文檔控制項永中OFFICE版增加了文檔控制項對永中OFFICE基本功能的支持。包括從本地/伺服器打開文檔,保存文檔到本地/伺服器,以及基本的痕跡保留等功能支持。
5、CAD在線編輯功能
文檔控制項CAD版增加了文檔控制項對CAD基本功能的支持。包括從本地/伺服器打開文檔,保存文檔到本地/伺服器。
6、中標普華office /Open office在線編輯功能
文檔控制項中標普華office版增加了文檔控制項對中標普華office基本功能的支持。包括從本地/伺服器打開文檔,保存文檔到本地/伺服器,以及基本的痕跡保留、智能提交等功能支持,同時支持Open office。
NTKO OFFICE文檔控制項產品優勢簡述
1)產品性能穩定,可擴展性強,功能強大;目前國內絕大部分大型開發商都是集成的我們的文檔控制項,已擁有上萬的最終用戶群;
2)採用標準的HTTP協議,後台無需安裝任何組件,可以支持所有的web伺服器及所有的web編程語言;開發簡單、兼容性好,對未來只要是採用標准協議的伺服器都能支持;
3)採用智能提交技術,可在提交控制項數據的同時,提交開發者指定的表單(FORM)數據。避免2次提交,簡化開發步驟;
4)在瀏覽器窗口中直接編輯Word、 Excel、wps、永中Office、中標普華Office、Open office等並保存到Web伺服器,實現文檔和電子表格的統一管理;
5)支持跨瀏覽器的在線編輯控制項;
6)一個版本同時支持MS office和金山WPS在線編輯,並支持多種文檔在線閱讀: PDF文檔閱讀、TIF文檔閱讀等;
7)支持自定義菜單、自定義按鈕、自定義工具欄,進一步增強了系統的可集成性;
8)Visio文檔、PDF及TIF閱讀;
9)BS版本的控制項,一個版本支持不同的開發語言。只要購買一個版本,就可以用於多種WEB開發平台(通用WEB版本也可以支持PB、VC開發,針對要求相對較高的客戶,建議採用PB、VC單獨版本)。
10)同一版本同時支持OFFICE03、07、10等的在線編輯;
11)產品授權與伺服器的數量無關
12)無縫集成NTKO 電子印章系統,支持電子印章、手寫簽名、鍵盤批註等,以及實現在各種文檔中加蓋安全簽章的解決方案;
13)擁有終身免費的、完善的售前和售後遠程技術支持服務,為客戶解決集成時的後顧之憂。
⑽ 什麼瀏覽器可以跨屏
我現在用的QQ瀏覽器就可以跨屏播放啊。你打開你要播放的視頻之後,選擇TV跨屏並連接電視盒子,成功之後就開始播放了。跨屏播放的同時你還可以繼續瀏覽網頁,這個可以其他瀏覽器所不具備的超實用的功能哦。