• If you are citizen of an European Union member nation, you may not use this service unless you are at least 16 years old.

  • Finally, you can manage your Google Docs, uploads, and email attachments (plus Dropbox and Slack files) in one convenient place. Claim a free account, and in less than 2 minutes, Dokkio (from the makers of PBworks) can automatically organize your content for you.



This version was saved 13 years, 8 months ago View current version     Page history
Saved by PBworks
on November 4, 2007 at 8:50:27 am

AVI to vlogpost


Step by step instructions on how to convert an AVI file from a Canon SD400 or similar camera to a vlogpost.


  • Open iMovie (iMovie HD in my case, which came preinstalled on my iBook G4)
  • Create a new "project" of type "DV"
  • Drag the AVI file into one of the white squares on the right side of the newly created project window
  • Wait a few minutes for iMovie to convert the video (on my iBook G4/1.33GHz/1.5GBRAM it takes about 5 minutes to convert a 30 second AVI file)
  • Drag the converted clip from the white squares area to the timeline at the bottom of the window
  • Choose "Export..." from the "File" menu
  • Click "iPod" at the top of the Export window/dialog
  • Click the "Share" button and wait a few minutes for it to finish "Compressing movie..." (about 3 minutes on my iBook G4 for a 30 second AVI file)
  • Quit iMovie (save project changes if you want, but really there is no reason to, because you can simply duplicate the steps above if you want to recreate the project - not worth wasting 50+ MB)
  • Check your Movies folder for a new .m4v file and change the extension to .mp4 - when the dialog comes up, click "Use .mp4"
  • Copy that .mp4 file from there to where you really want it (e.g. to the folder with the AVI source file)
  • Drag it to a browser window
  • Screenshot the movie player with the desired key frame
  • Rename the screenshot to be same as the movie name .png
  • Open it in Preview
  • Choose "Save As..." from the "File" menu
  • Choose Format "JPEG"
  • Set the Least...Best slider to the middle of the range
  • Click "Save" and save it to the same folder as your movie
  • Go to http://blip.tv/file/post/ (login if necessary)
  • Pick a vlogpost title (and in a new window, create a new blog post with that title in your blogging tool as well)
  • Choose the .mp4 file
  • Choose the .jpg file
  • Pick a License (e.g. Creative Commons Attribution-NonCommercial)
  • Add some Categories/tags e.g. vlog vlogpost video (and also copy/paste them to your newly created blog post)
  • Pick a Genre (e.g. Videoblogging)
  • Set Content Rating to "None" to protest their lame "TV-*" taxonomy
  • Event? If this was taken at an Upcoming.org event, find the event using the Event UI.
  • Click "Upload"


After Upload


  • Click "Show Advanced Options"
  • Preferred Format: "MPEG4 Video (.mp4)"
  • Finish writing your blog post in your blogging tool/site and preview it to where you can add HTML.
  • Copy and paste the code from blip.tv into your blog post (note, I had to change a bunch of the code to make it valid and minimize it, I'll take more thorough notes on that with the next vlogpost, for now, here are a few:)
    • MUST (as in blip.tv should update their code to take care of these)
      • Remove "<center>" tag and extra whitespace at the beginning - <center> is not valid in (X)HTML strict.
      • Remove </center>< from the end - ditto.
      • Replace naked "&" characters (in the script src) with "&amp;" for (X)HTML validity
      • Replace border="0" with style="border:0" for (X)HTML validity
    • MAY (as in these are my personal preferences)
      • Drop the unnecessary </a><br /><a href="http://blip.tv/file/get/..." onclick="...">Click To Play</a> as it is unnecessary IMHO (or at least collapse the two links into one and eliminate the <br /> inbetween).
  • Add some info to the blog post about the video, like:
    • "License" e.g. This video is licensed under a Creative Commons Attribution Non-Commercial 3.0 license.
    • "Taken on" with the date (perhaps time) of when you recorded the video, or preferably a link to the event, marked up with hCalendar.
    • "Location" with an ADR of the city and state at least, or preferably an hCard of the venue.
    • "Voice credits" linking to the people who speak (if any) in the video
    • template to copy paste (edit page to view source)



  • Click on the "Go to your post on blip.tv right now!" link on the blip.tv page
  • Copy the postID at the end of the URL (following "file/"), and replace the "185667" number in the "Comment on this video" link with that postID
  • Finish up the text portion of your blog post and publish. You're done.




  • Upload the video ALSO to http://revver.com/
    • Go http://revver.com/video/new/
    • select your video with the "Browse..." button and click "Upload"
    • copy and paste the title from your vlogpost
    • copy and paste the tags from your vlogpost
    • enter your blog URL into the Webpage field
    • Save This Video
    • wait for editorial review.
  • When the upload has been approved and published
    • click on the thumbnail on the dashboard page
    • copy the video ID, the number following "video/edit/", e.g. 465451
    • add a "Download .MOV" link to the media-info block above that uses the Revver download link. E.g.: (edit page to view source, and replace the 465451.mov with your videoid.mov )


  • Download .mov from Revver



    These used to be in the upload code instructions but blip.tv fixed them.


    • 2007-11-01 (first noticed the fixes)
      • MUST
        • Add alt="Video thumbnail. Click to play." to the img tag for (X)HTML validity
      • SHOULD
        • Add rel="enclosure" to the hyperlink to the .mp4







    Originally blogged here: http://tantek.com/log/2007/04.html#d01t2057


    Return to FrontPage.

    Comments (0)

    You don't have permission to comment on this page.