YourTube

58,315 views
58,150 views

Published on

Using open source software to create your own video sharing site

Published in: Business, Technology
2 Comments
19 Likes
Statistics
Notes
  • Excellent presentation about the need to innovate company models; the way to represent them succinctly; as well as the desire to make development initiatives actionable. Superb use of photographs along with obvious to see illustrative examples.
    Teisha
    http://dashinghealth.com http://healthimplants.com
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • You could start with some content management system and modify it for your needs. Drupal based movies website example:
    http://allmoviesearch.com/
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
58,315
On SlideShare
0
From Embeds
0
Number of Embeds
151
Actions
Shares
0
Downloads
0
Comments
2
Likes
19
Embeds 0
No embeds

No notes for slide

YourTube

  1. 1. YourTube Using open source software to create your own video sharing site
  2. 2. The Process <ul><li>Upload video and its tags to the server </li></ul><ul><li>Convert video to flash video format </li></ul><ul><li>Create a thumbnail of the video </li></ul><ul><li>Add FLV metadata </li></ul><ul><li>Embed the flash video into a flash container </li></ul><ul><li>Put them all into a html file </li></ul><ul><li>Add the tag-cloud/search/hot or not features </li></ul><ul><li>Serve the html or only the flash container </li></ul>
  3. 3. This session is about <ul><li>Upload video and its tags to the server </li></ul><ul><li>Convert video to flash video format </li></ul><ul><li>Create a thumbnail of the video </li></ul><ul><li>Add FLV metadata </li></ul><ul><li>Embed the flash video into a flash container </li></ul><ul><li>Put them all into a html file </li></ul><ul><li>Add the tag-cloud/search/hot or not features </li></ul><ul><li>Serve the html or only the flash container </li></ul>
  4. 4. How can we do it using OSS <ul><li>Video conversion, thumbnail creation </li></ul><ul><ul><li>FFMPEG (LGPL parts of it are under GPL) </li></ul></ul><ul><li>Adding FLV metadata </li></ul><ul><ul><li>flvtool2 (BSD License) </li></ul></ul><ul><li>Flash container </li></ul><ul><ul><li>FlowPlayer (Apache License V2.0) </li></ul></ul>
  5. 5. FFMPEG <ul><li>FFmpeg is an audio/video conversion tool. </li></ul><ul><li>It includes libavcodec, the leading open source codec library. </li></ul><ul><li>An experimental streaming server for live broadcasts is also included. </li></ul><ul><li>Can be downloaded from http://ffmpeg.mplayerhq.hu/download.html </li></ul>
  6. 6. How to use FFMPEG <ul><li>File conversion </li></ul><ul><ul><li>ffmpeg -i [videofile] -acodec mp3 -ar 22050 -ab 32 -f flv -s 320×240 [flashfile.flv] </li></ul></ul><ul><li>Create Thumbnail </li></ul><ul><ul><li>ffmpeg -y -i [videofile] -vframes 1 -ss 00:00:02 -an -vcodec png -f rawvideo -s 320×240 [thumbnailimage.png] </li></ul></ul>
  7. 7. Adding FLV metadata <ul><li>Whats the meta-information </li></ul><ul><ul><li>duration, frames, etc. </li></ul></ul><ul><li>FLV movie players use this information to calculate progress bar sliders and allow the user to fast-forward or reverse through the video </li></ul>
  8. 8. FLVTool2 <ul><li>FLVTool2 is a manipulation tool for Macromedia Flash Video files </li></ul><ul><li>FLVTool2 can be downloaded from http://rubyforge.org/projects/flvtool2 </li></ul><ul><li>Adding metadata </li></ul><ul><ul><li>flvtool2 -U [flvfile] </li></ul></ul>
  9. 9. FlowPlayer <ul><li>FlowPlayer is a video player for Flash Video in FLV format. </li></ul><ul><li>You can easily embed it into HTML pages. </li></ul><ul><li>It can be downloaded from http://flowplayer.sourceforge.net/download.html </li></ul>
  10. 10. Embed into html <div style=&quot;textalign:center; width:100%;&quot;> <object type=&quot;application/x-shockwave-flash&quot; width=&quot;320&quot; height=&quot;263&quot; id=&quot;FlowPlayer&quot; data=&quot;/flowplayer/FlowPlayer.swf&quot;> <param name=&quot;allowScriptAccess&quot; value=&quot;sameDomain&quot; /> <param name=&quot;movie&quot; value=&quot;/flowplayer/FlowPlayer.swf&quot; /> <param name=&quot;quality&quot; value=&quot;high&quot; /> <param name=&quot;scale&quot; value=&quot;noScale&quot; /> <param name=&quot;wmode&quot; value=&quot;transparent&quot; /> <param name=&quot;flashvars&quot; value=&quot;baseURL=/showvideo&videoFile=flashfile.flv&autoPlay=false&bufferLength=5&loop=false&progressBarColor1=0xAAAAAA&progressBarColor2=0x555555&autoBuffering=false&splashImageFile=clicktoplay.jpg&hideControls=false&quot; /> </object> <h2>Your Video</h2> </div>
  11. 11. Resources <ul><li>http:// ffmpeg.mplayerhq.hu / </li></ul><ul><li>http://blog.kovyrin.net/2006/10/08/lighttpd-memcoder-flvtool-for-streaming/ </li></ul><ul><li>http://ffmpeg-php.sourceforge.net / </li></ul><ul><li>http://www.progettosinergia.com/flashvideo/flashvideoblog.htm </li></ul><ul><li>http://open4all.info/ossa/_Live_Flash_Stream_via_FFMPEG </li></ul><ul><li>http://www.osflash.org/ffmpeg </li></ul><ul><li>http://soenkerohde.com/tutorials/ffmpeg </li></ul><ul><li>http://klaus.geekserver.net/flash/streaming.html </li></ul><ul><li>http://www.summersault.com/community/weblog/2006/02/13/publishing-flash-videos-with-free-open-source-tools.html </li></ul>
  12. 12. Profit! Thanks to Daniel - http://blog.go4teams.com/?p=56

×