1 / 17

YouTuBe

YouTuBe. YouTuBe 影音播放流程. 影音編碼 --LINUX. 讓伺服器進行編碼使用到四種套件 LAME – 聲音轉成 MP3 ffmpeg – 轉片軟體 Ruby – 修正 ffmpeg 產生的問題 FLVTool – 編輯 flv 檔. 參考文件： http://blog.comicparty.com/post/1/319 http://ffmpeg.mplayerhq.hu/ffmpeg-doc.html http://klaus.geekserver.net/flash/streaming.html. 影音播放 — flv 播放器.

mardi
Download Presentation

YouTuBe

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. YouTuBe

  2. YouTuBe影音播放流程

  3. 影音編碼--LINUX • 讓伺服器進行編碼使用到四種套件 • LAME –聲音轉成MP3 • ffmpeg –轉片軟體 • Ruby –修正ffmpeg產生的問題 • FLVTool –編輯flv檔 參考文件： http://blog.comicparty.com/post/1/319 http://ffmpeg.mplayerhq.hu/ffmpeg-doc.html http://klaus.geekserver.net/flash/streaming.html

  4. 影音播放—flv播放器 • 使用flash專用組件製作．設定大小 300 x 260．按 ctrl + F7 叫出組件．將MediaController和MediaDisplay放入元件庫內．可新增特自圖片或名稱加入到播放器（可有可無）

  5. 影音播放—flv播放器 • 影音播放程式撰寫．時間軸第一個，新增空白影格．Flash 與txt、html、asp…進行溝通方式var movie = new LoadVars(); ．指定要溝通的檔案- movie.load(“放名稱”);

  6. 影音播放—flv播放器 • 影音播放程式撰寫．是否有匯入成功- movie.onLoad =function(success){ if(success){ 放成功後的處理　 } }

  7. 影音播放—flv播放器 • 影音播放程式撰寫．加入播放器控制原件_root.attachMovie(“元件庫名稱”,“命名",depth); //將元件庫內的元件，加入至舞台．偵對元件，進行控制與位置擺設 with(_root[“元件命名"]){ _x = 0; _y = 0; }

  8. 影音播放—flv播放器 • 影音播放程式撰寫．在flv加入播放影片- setMedia(影片位置,"FLV"); 　．控制元件的控制設定 - activePlayControl = false; controllerPolicy = "on";

  9. 影音播放—flv播放器 • 影音播放程式撰寫．組合所有的元件（可寫可不寫）- associateDisplay(_root[“元件命名"]);

  10. 影音播放—完整的原始碼 • var movie = new LoadVars(); • movie.onLoad = function(success){ • if(success){ • _root.attachMovie("name", "name1", 3, {_x:270, _y:180}); • _root.attachMovie("MediaDisplay","media",2); • with(_root["media"]){ • _x = 0; • _y = 0; • setMedia(movie.path,"FLV"); • } • _root.attachMovie("MediaController","control",1); • with(_root["control"]){ • _x = 0; • _y = 190; • activePlayControl = false; • controllerPolicy = "on"; • associateDisplay(_root["media"]); • associateDisplay(_root["name1"]); • }; • } • }

  11. 網頁撰寫 • 從資料庫抓出影片的名稱和路徑 • 建立超連結 • 將影音路徑傳給main.jsp

  12. 網頁撰寫 • main.jsp進行與flash溝通- &變數1 = 值&變數2 = 值& • 怪怪的問題 = =|||- 加入request.get..... 傳送至flash，無法接值

  13. 網頁撰寫-- over • 這樣客戶端就能看到影片囉！！

  14. 如何下載YouTube影片 • 複制影片路徑 • 到GooTuBe找到flv的路徑 http://kej.tw/flvretriever/ • 將下載的檔名改為 *.flv

  15. 如何將flv轉為其它格式的影音 • 使用Riva • 下載網址：http://www.rivavx.com/index.php?encoder&L=3

  16. 匯入flv檔 手動將檔名改為你要的格式

  17. = END =

More Related