flex和php打造自己的視頻網(wǎng)站-資料下載頁
2025-08-12 14:43本頁面
【導(dǎo)讀】隨著寬帶的普及、硬盤空間的價(jià)格持續(xù)降低以及Adobe®Flash®Player和FlashVideo. 的實(shí)用性，視頻分享在互聯(lián)網(wǎng)上瘋狂流行是不足為奇的。這樣的站點(diǎn)是領(lǐng)頭羊，而現(xiàn)在已經(jīng)到處都是小型的視頻分享站點(diǎn)了。那么，如何才能加。入到潮流中去呢？如何利用像PHP,Flash和AdobeFlex?行動(dòng)起來吧，它比你想象的要容易得多。本文將告訴你如何創(chuàng)建網(wǎng)站的PHP部分以及如何使用Flex框架創(chuàng)建一個(gè)視頻播放器。要?jiǎng)?chuàng)建一個(gè)YouTube的簡(jiǎn)單版本，你需要有一些適當(dāng)?shù)墓ぞ摺ySQL是用來存儲(chǔ)有關(guān)視頻的數(shù)據(jù)的（比如視頻的。文件名，縮略圖，縮略圖的高度和寬度，標(biāo)題和描述）。PHP將完成格式化頁面的工作，包括HTML和XML頁面，這取決于你想要怎么做。還可以生成視頻中某一幀的縮略圖。毫無疑問，在視頻分享的世界中ffmpeg會(huì)是你最。它是一個(gè)功能強(qiáng)大、易于使用而且文檔齊全的極為優(yōu)秀的軟件。在客戶端，有幾種不同的用戶界面可供選擇?；旌鲜降挠脩艚缑妫硗庖环N就是完全基于Flash的用戶界面。換成FlashVideo，獲得一個(gè)縮略圖并將這些信息添加到數(shù)據(jù)庫中。
【正文】 最下面的代碼是一些組成用戶界面的 Flex 組件。其中有一些按鈕 —— 左箭頭和右箭頭—— 來切換到下一個(gè)或上一個(gè)視頻。在 VideoDisplay 的右邊有一個(gè)視頻列表，在這里該列表只是列出了視頻的名字。 使用 Flex 編譯并運(yùn)行程序，結(jié)果如圖 4： 圖 用戶界面的第一個(gè)版本 現(xiàn)在我們可以使用右邊的列表來選擇視頻，或者通過按下左 /右按鈕在視頻之間切換。這個(gè)程序已經(jīng)相當(dāng)不錯(cuò)了，不過我們的縮略圖在哪里使用了呢？ Flex 界面，第二部分 —— 添加了縮略圖 要在列表中使用縮略圖，你需要對(duì)列表做一下更改使其可以同時(shí)顯示縮略圖及其標(biāo)題。幸運(yùn)的是在 Flex 中實(shí)現(xiàn)這一點(diǎn)很容易。首先我們要修改 List標(biāo)簽為其添 加一個(gè)itemRenderer，代碼如下： ... mx:List width=100% height=340 id=movieList dataProvider={movies} change=onChange() itemRenderer=MovieItem/mx:List ... 這個(gè) itemRenderer 是一個(gè)由你自己創(chuàng)建的 MXML 組件，而且它的文件名必須是MovieItem。你可以通過選擇菜單中的 New MXML Component 來創(chuàng)建文件，然后將下面的代碼添加進(jìn)去： ?xml version= encoding=utf8? mx:Canvas xmlns:mx= height=80 mx:Image source={} width={} height={} rotation=5 left=10 top=0 / mx:Label text={} fontWeight=bold top=10 left=100 fontSize=18 / /mx:Canvas 我使用了 Canvas 容器，這樣我就可以按照自己的想法定位其中的組件了，當(dāng)然，你可以使用最適合你的布局的容器。然后，我使用了一個(gè) mx:Image標(biāo)簽用來加 載圖像并使用了一個(gè) mx:label標(biāo)簽來顯示標(biāo)題。為了使其看起來有趣一點(diǎn)，我們將圖像稍微旋轉(zhuǎn)了一下。最終的效果見圖 5。 圖 好了，這個(gè)外觀雖然不是特別好，但是它比單純的文筆列表酷多了。接下來你可以在這個(gè)組件中添加更多想要的東西，比如視頻描述、運(yùn)行時(shí)間、鏈接、評(píng)分按鈕等等。 存儲(chǔ)和帶寬 雖然建立前臺(tái)程序和數(shù)據(jù)庫操作相對(duì)來說很簡(jiǎn)單，但是這并不是建立一個(gè)視頻分享網(wǎng)站要面對(duì)的唯一問題。目前來說帶寬是主要的問題。這些視頻，即使格式為編碼緊湊的Flash Video，也是相當(dāng)大的文件。 如何在不耗盡帶寬的情況下提供視頻服務(wù)是值得好好考慮的。 當(dāng)然，解決帶寬的一個(gè)辦法就是買一個(gè)更大的連接或者將主機(jī)放到寬帶情況比較好的數(shù)據(jù)中心。另外一個(gè)選擇就是把網(wǎng)站和數(shù)據(jù)分離，將視頻文件存儲(chǔ)到其它的地方。Amazon’s S3 service 就提供了一種簡(jiǎn)單的方式，你只要付相當(dāng)少的費(fèi)用就可以用一種富余和可升級(jí)的方式存儲(chǔ)和分享大的文件。在早期使用 S3 來存儲(chǔ)網(wǎng)站上的視頻文件可以幫你節(jié)省一大筆基礎(chǔ)設(shè)施的費(fèi)用，而且可以一直使用到網(wǎng)站足夠受歡迎可以支付基礎(chǔ)設(shè)施費(fèi)用的時(shí)候。 總結(jié) 隨著 Flash Video 的出現(xiàn)和寬帶的廣泛普及，現(xiàn)在用很少的費(fèi)用建立一個(gè)視頻分享網(wǎng)站不再是天方夜譚了。我希望這個(gè)例子可以告訴你使用 Flex/PHP 建立一個(gè)視頻分享網(wǎng)站是多么容易并激發(fā)你的進(jìn)一步探索。 本
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1