OBJECT和EMBED標(biāo)簽

為河池等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù),及河池網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站制作、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、河池網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會(huì)得到認(rèn)可,從而選擇與我們長(zhǎng)期合作。這樣,我們也可以走得更遠(yuǎn)!
我們要在網(wǎng)頁(yè)中正常顯示flash內(nèi)容,那么頁(yè)面中必須要有指定flash路徑的標(biāo)簽。也就是OBJECT和EMBED標(biāo)簽。
OBJECT標(biāo)簽是用于windows平臺(tái)的IE瀏覽器的
而EMBED是?用于windows和Macintosh平臺(tái)下的Netscape?Navigator瀏覽器以及Macintosh平臺(tái)下的IE瀏覽器。
windows平臺(tái)的IE利用Activex控件來(lái)播放flash而其它的瀏覽器則?使用Netscape插件技術(shù)來(lái)播放flash。
二、為什么要使用以上全部的標(biāo)簽?能省略某些標(biāo)簽不?
OBJECT標(biāo)簽是用于windows?IE3.0及以后瀏覽器或者其它支持Activex控件的瀏覽器。“classid”和“codebase”屬性必須要精確地按上例所示的寫(xiě)法寫(xiě),它們告?訴瀏覽器自動(dòng)下載flash?player的地址。如果你沒(méi)有安裝過(guò)flash?player?那么IE3.0以后的瀏覽器會(huì)跳出一個(gè)提示框訪問(wèn)是否要自動(dòng)安裝flash?player。當(dāng)然,如果你不想讓那些沒(méi)有安裝flash?player的用戶自動(dòng)下載播放器,或許你可以省略掉這些代碼。
EMBED標(biāo)簽是用于Netscape?Navigator2.0及以后的瀏覽器或其它支持Netscape插件的瀏覽器。“pluginspage”屬性告訴瀏覽器下載flash?player的地址,如果還沒(méi)有安裝flash?player的話,用戶安裝完后需要重啟瀏覽器才能正常使用。
為了確保大多數(shù)瀏覽器能正常顯示flash,你需要把EMBED標(biāo)簽嵌套放在OBJECT標(biāo)簽內(nèi),就如上面代碼例子一樣。支持Activex控件的瀏覽器將會(huì)忽略O(shè)BJECT標(biāo)簽內(nèi)的EMBED標(biāo)簽。Netscape和使用插件的IE瀏覽器將只讀取EMBED標(biāo)簽而不會(huì)識(shí)別OBJECT標(biāo)簽。也就是說(shuō),如果你省略了EMBED標(biāo)簽,那firefox就不能識(shí)別你的flash了(不過(guò)納悶的是,省略了object只寫(xiě)embed,IE也能正常顯示flash,呵呵,具體的再仔細(xì)看看了)。
HTML5技術(shù)支持WebApp在手機(jī)上拍照,顯示在頁(yè)面上并上傳到服務(wù)器。這是手機(jī)微博應(yīng)用中常見(jiàn)的功能,當(dāng)然你也可以在其它類型應(yīng)用中適當(dāng)使用此技術(shù)。
1、 視頻流
HTML5 的 The Media Capture(媒體捕捉) API 提供了對(duì)攝像頭的可編程訪問(wèn),用戶可以直接用 getUserMedia(請(qǐng)注意目前僅Chrome和Opera支持)獲得攝像頭提供的視頻流。我們需要做的是添加一個(gè)HTML5 的 Video 標(biāo)簽,并將從攝像頭獲得的視頻作為這個(gè)標(biāo)簽的輸入來(lái)源。
video id=”video” autoplay=”"/video
script
var video_element=document.getElementById(‘video’);
if(navigator.getUserMedia){ // opera應(yīng)使用opera.getUserMedianow
navigator.getUserMedia(‘video’,success,error); //success是回調(diào)函數(shù),當(dāng)然你也可以直接在此寫(xiě)一個(gè)匿名函數(shù)
}
function success(stream){
video_element.src=stream;
}
/script
此時(shí),video 標(biāo)簽內(nèi)將顯示動(dòng)態(tài)的攝像視頻流。下面需要進(jìn)行拍照了。
2、 拍照
拍照是采用HTML5的Canvas功能,實(shí)時(shí)捕獲Video標(biāo)簽的內(nèi)容,因?yàn)閂ideo元素可以作為Canvas圖像的輸入,所以這一點(diǎn)很好實(shí)現(xiàn)。主要代碼如下:
var canvas=document.createElement(‘canvas’); //動(dòng)態(tài)創(chuàng)建畫(huà)布對(duì)象
var ctx=canvas.getContext(’2d’);
var cw=vw,ch=vh;
ctx.fillStyle=”#ffffff”;
ctx.fillRect(0,0,cw,ch);
ctx.drawImage(video_element,0,0,cw,ch,0,0,vw,vh); //將video對(duì)象內(nèi)指定的區(qū)域捕捉繪制到畫(huà)布上指定的區(qū)域,可進(jìn)行不等大不等位的繪制。
document.body.append(canvas);
3、 圖片獲取
從Canvas獲取圖片數(shù)據(jù)的核心思路是用canvas的toDataURL將Canvas的數(shù)據(jù)轉(zhuǎn)換為base64位編碼的PNG圖像,類似于“data:image/png;base64,xxxxx”的格式。
var imgData=canvas.toDataURL(“image/png”);
這樣,imgData變量就存儲(chǔ)了一長(zhǎng)串的字符數(shù)據(jù)內(nèi)容,表示的就是一個(gè)PNG圖像的base64編碼。因?yàn)檎嬲膱D像數(shù)據(jù)是base64編碼逗號(hào)之后的部分,所以要讓實(shí)際服務(wù)器接收的圖像數(shù)據(jù)應(yīng)該是這部分,我們可以用兩種辦法來(lái)獲取。
第一種:是在前端截取22位以后的字符串作為圖像數(shù)據(jù),例如:
var data=imgData.substr(22);
如果要在上傳前獲取圖片的大小,可以使用:
var length=atob(data).length; //atob 可解碼用base-64解碼的字串
第二種:是在后端獲取傳輸?shù)臄?shù)據(jù)后用后臺(tái)語(yǔ)言截取22位以后的字符串(也就是在前臺(tái)略過(guò)上面這步直接上傳)。例如PHP里:
$image=base64_decode(str_replace(‘data:image/jpeg;base64,’,”,$data);
4、 圖片上傳
在前端可以使用Ajax將上面獲得的圖片數(shù)據(jù)上傳到后臺(tái)腳本。例如使用jQuery時(shí)可以用:
$.post(‘upload.php’,{‘data’:data});
在后臺(tái)我們用PHP腳本接收數(shù)據(jù)并存儲(chǔ)為圖片。
function convert_data($data){
$image=base64_decode(str_replace(‘data:image/jpeg;base64,’,”,$data);
save_to_file($image);
}
function save_to_file($image){
$fp=fopen($filename,’w');
fwrite($fp,$image);
fclose($fp);
}
object主要是用來(lái)插入flash或者音樂(lè)
iframe是用來(lái)嵌套網(wǎng)頁(yè)的。所以你要引入另一個(gè)頁(yè)面就用iframe
以前html中調(diào)用Activex控件,都是采用
object classid="clsid:048527BA-37B6-4684-BA51-246EC10A69C0" id="Ctrl"
codebase="DvoNetViewClient20110829v1_0_228.cab#version=3,2,2,8"
style="width:500px; height:450px"/object
然后通過(guò)var viewCtrl=document.getElementById("Ctrl"); 再去調(diào)用viewCtrl里面的函數(shù)。
現(xiàn)在因?yàn)閛pera瀏覽器不支持object標(biāo)簽,html5支持,但是在html5中,只知道
video width="320" height="240" controls="controls"
source src="夢(mèng)想從心開(kāi)始.ogg"
source src="夢(mèng)想從心開(kāi)始.mp4"
/video
但是實(shí)際項(xiàng)目中我并不是要播放某個(gè)視頻、音頻文件而已,我是想像上面一樣,得到一個(gè)activex控件,
然后調(diào)用這個(gè)控件里面的函數(shù)。
定義一個(gè)嵌入的對(duì)象。請(qǐng)使用此元素向您的 XHTML 頁(yè)面添加多媒體。此元素運(yùn)行您規(guī)定插入 HTML 文檔中的對(duì)象的數(shù)據(jù)和參數(shù),以及可用來(lái)顯示和操作數(shù)據(jù)的代碼。
object 元素可位于在 head 元素或 body 元素內(nèi)部。object 與 /object 之間的文本是替換文本,針對(duì)不支持此標(biāo)簽的瀏覽器。param 標(biāo)簽可定義用于對(duì)象的 run-time 設(shè)置。
HTML的全稱是超文本標(biāo)記語(yǔ)言,是一種標(biāo)記語(yǔ)言。它包括一系列標(biāo)簽,可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式,將分散的互聯(lián)網(wǎng)資源連接成一個(gè)邏輯整體。HTML是由HTML命令組成的描述性文本,可以解釋文字、圖形、動(dòng)畫(huà)、聲音、表格、鏈接等。Html是一種用來(lái)描述網(wǎng)頁(yè)的語(yǔ)言。它被稱為超文本標(biāo)記語(yǔ)言,它是一種標(biāo)記語(yǔ)言。它包括一系列標(biāo)簽,可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式,將分散的互聯(lián)網(wǎng)資源連接成一個(gè)邏輯整體。
新聞名稱:objecthtml5,objecthtmldivelement
鏈接地址:http://chinadenli.net/article11/dsiiodd.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供關(guān)鍵詞優(yōu)化、ChatGPT、電子商務(wù)、解決方案、網(wǎng)站制作、標(biāo)簽優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)