Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

YourTube

58,470 views

Published on

Using open source software to create your own video sharing site

Published in: Business, Technology
  • 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

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

×