首頁  >  文章  >  web前端  >  html檔案中flash影片格式(flv、swf)檔案的嵌入方法_HTML/Xhtml_網頁製作

html檔案中flash影片格式(flv、swf)檔案的嵌入方法_HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:38:162101瀏覽

flash檔案的格式:.FLV 和 .SWF

flash影片格式有兩種副檔名可以使用:.flv和.swf。他們有什麼不同呢?

(1)一個.flv檔(flash影片)是基於圖片的視訊串流和音訊。如果你正在運行一個串流服務,flv將是一個好的選擇。上游條件是,這個檔案的任何部分都可以被客戶終端訪問,任何時間都不會等待下載。話又說回來了,運行一個串流服務待價昂貴。

(2).swf也是Macromedia Flash文件格式,是一個完整的視頻-音頻文件,並具有腳本和其它更多的。這將有利於HTTP(漸進式)下載,也被稱為「偽隨機流(psuedo streaming)」。當檔案的一部分下載後,影片片段就立刻播放,但是客戶端將等待flash檔案片段下載後才能存取(不能快轉),除非整個檔案完整下載。這也是我們常常談到的,他是一個簡單的,不昂貴的,簡單的方式流話你的視訊媒介。 SWF不是官方簡稱,已經有人聲稱它是「ShockWave Flash」或"Small Web Format".的簡稱。

在頁面中嵌入flash可以使用以下方式:

複製程式碼
程式碼如下:
複製程式碼


程式碼>

codebase="http://download.macromedia.com/pub/shockwave/fbs/flash/swlash/flash/swlash cab#version=9,0,16,0"
width="320" height="400" >




type="application/x-shockwave-flash">




這裡要注意的是:
但這樣寫了之後,雖然頁面中swf格式的檔案可以顯示,但是flv格式的檔案播放不了。糾結了一陣子,從dreamweaver總結了一個解決方案:
複製程式碼
程式碼如下:


function MM_CheckFlashVersion(reqVerStr,msg){
with(navigator){
var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == - 1);
var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
if (! isIE || !isWin){
var flashVer = -1;
if (plugins && plugins.length > 0){
var desc = plugins["Shockwave Flash"] ?插件["Shockwave Flash" ].description : "";
desc = 外掛程式["Shockwave Flash 2.0"] ?外掛程式["Shockwave Flash 2.0"].description : desc;
if (desc == "") flashVer = -1;
else{
var descArr = desc.split(" ");
var tempArrMajor = descArr[2].split(".");
var verMajor = tempArrMajor[0]; >var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
flashVer = parseFloat(verMajor "." verMinor);
}
}
// WebTV 具有Flash Player 4 或更低版本-- 對於版本影片來說太低
else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;
var verArr = reqVerStr.split(",");
var verArr = reqVerStr.split(",");
var reqVer = parseFloat(verArr[0] "." verArr[2]);
if (flashVer if (confirm(msg))
window.location = "http:// www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash 」;
}
}
}
}
;
頭>
;






物件>

這裡多了一個版本控制的方法MM_CheckFlashVersion ()。器性質的文件,使用dreamweaver插入一個flash檔案後,你會發現FLVPlayer_Progressive.swf這個檔案和Clear_Skin_3.swf。之前相當於播放器,卻是真實皮膚,dreamweaver裡面提供了多種皮膚,可以根據選擇使用。在上述程式碼中有兩處使用到了播放器檔案FLVPlayer_Progressive.swf,這個和swf的很相似,他不是來源檔。程式碼中skinName就是設定皮膚的,其他的一些屬性都比較好理解。

總結一下,flv格式嵌入有3個重點:1、播放器FLVPlayer_Progressive.swf,這個檔案必備,而且這個檔案要和flv來源檔案在一個檔案目錄下(暫時也沒有找到原因) 2.皮膚skinName=Clear_Skin_3,皮膚可以更換,同樣也是必需的,要和flv來源檔案放在一起。 3.來源文件,streamName,這個參數顯示原始檔的檔名,不帶後綴,當文件叫中文的時候就知道了,dreamweaver下面會把那個名稱轉換成一大串。 。 。 。當html檔案和flv檔不在同一個檔案目錄時的時候,就需要帶上檔案路徑(這個在專案中要特別注意)。


 

圖示中同一個頁面使用了多種皮膚,一個設為自動播放,另一個為手動播放。文件格式為flv。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn