High quality video with clear subtitles: JW Mediaplayer

With a new year upon us, I want to share a new technological improvement that may benefit some vloggers in 2008.  I found a better way to display high quality video with clear subtitles that are easily readable. 

Caution: this post is intended for the few pro-amateur or professional vloggers who host their own video clips so they can have full control of their video clips.  This post is not for those who depend upon youTube or other similar video hosting sites.  For youTubers, please visit Overstream which accomplishes the same thing that I will be covering in this post.

AutoGK: less than optimal way of creating subtitled video
My original method of creating subtitled video with AutoGK involved the time-consuming step of re-encoding a video clip with subtitles burnt into the video.  Because the subtitles encoding requires another round of compression of the video clip, there is always a degradation in the quality of the video.  This is an example of how blurry the subtitled video can become as result of this method.  The subtitles are readable, but just barely!

JW Mediaplayer: the ideal approach for subtitled video on the web
My dream was to have an online video player that could load the the original high quality video footage that is specially compressed for web and also load a separate text file of the subtitles then displaying both the video and the subtitles at the same time.  I found an online video player, JW mediaplayer which does exactly this!

There are several benefits to using JW mediaplayer

  1. The additional step of re-encoding the video for hard subtitles becomes unnecessary, which cuts down on the time required to produce the subtitled video and get it up on the Internet for distribution.
  2. In addition to the time saved by avoiding the re-encoding, the video stays at its original quality level because no further compression is needed.
  3. If there is a mistake in the subtitles, it’s easy to make a correction in the subtitles text file which is kept separate from the video.
  4. The online video player will render the subtitles in a crispy and easy to read font, no matter the viewing screen size.

I have created a short vlog using the JW mediaplayer method so you can get an idea of how clear subtitles can appear on an online video clip.  Be sure to click the full-screen icon (next to the T icon) to see how easily readable the subtitles are, despite the bigger video screen size.

CNN, Netflix, and other professional media companies, are you listening?  The fact that there is open source software that makes it so easy to plaster the subtitles on top of your not-yet-subtitled media content effectively removes all technical barriers and there are no more excuses.  The only thing left is for you all to get your butts moving on making the video sections on your website more accessible for the rest of us who want the subtitled version.

List of useful software if you want to create similar subtitled video:

JW mediaplayer: The flash-based movie player which is capable of loading a FLV (Flash) movie and subtitles file in the SRT format. (helpful tip: make sure mediaplayer.swf is hosted on the same domain as your subtitles files!)

FFmpeg: The open source (free) program to convert a video from several formats into FLV (flash).  Expensive video editing programs such as Adobe Premiere, Sorenson Squeeze, or Final Cut Pro can save a video clip as a FLV movie.

URUSoft’s Subtitle Workshop: The awesome subtitling program (for PCs) to create the SRT formatted subtitles file.  I love this program because you can first create a text file with all the subtitles without worrying about the time coding.  You can then fire up Subtitle Workshop, load the incomplete subtitle file and start playing the video in a small window.  You can just focus on setting the start/end time of each subtitles, which makes the subtitling fast to do.

SubRiP and SCC: For professional media companies, they can use SubRip (for English Subtitles) or SCC (for Line 21 captioning) to automatically convert the subtitles/captioning off their original TV or DVD content into SRT formatted subtitles for the online version.

_____

Other Similar Posts
This entry was posted in Video. Bookmark the permalink.
  • http://Deafloan.net Brance Long

    Great News! Thank you for this wonderful info!
    BTW, Is videoserver.us no longer in use? I tried to reach them but no luck
    Brance

  • http://billcreswell.wordpress.com Bill

    You can also upload .srt files to a google video

    An example of Game Plan with Google Video
    (the video was downloaded from youtube/uploaded to google, hence the video quality)

    http://video.google.com/videoplay?docid=-5147252851752567521&hl=en

    Martin Luther – We Shall Overcome
    http://video.google.com/videoplay?docid=5370437243192821520&q=Captioned+site%3Avideo.google.com&total=576&start=0&num=10&so=0&type=search&plindex=1

  • http://billcreswell.wordpress.com Bill

    And Overstream can export srt files.

  • http://triompheloeil.blogspot.com Cousin Vinny

    Thanks for finding this nugget. However, since this media player uses Flash, and I was under the impression that the latest Flash CS3 software can do subtitles, it does seem redundant.

    However, this solution does seem to incur no cost, allowing hobbyists to produce high quality video with CC content. Mainstream media should seriously investigate their Flash software and whatever subtitle offerings that come with it.

  • Jared Evans

    Brance: contact Tayler Mayer about videoserver.us

    Bill: This post is for the vloggers who self-host their own video clips for the top quality possible. They need a way to easily show their own subtitles in the similar way in how Google Video and YouTube/Overstream handles the subtitles.

    Cousin Vinny: I have not played with Flash CS3 yet. I don’t know if the Flash CS3 component can handle external subtitle files. It shouldn’t be a requirement on the vloggers’ part to own a copy of a complex and expensive development kit such as Flash CS3 just to subtitle their vlogs. They need an easy and cheap way to do it.

  • ALAN JEFFERS

    Thanks for about subtitles and i will save your information subtitles in my file so i will recheck later on when i get my own web cam due broken web cam fall off from computer damn so i will work on it figure out and soon get ready my own vlog for deaf navy harleydavidsonusa sooner when i get one when my money is permit due budget bills.

  • Billy Krahl

    Hey Jared.

    My a66test.html contains the following:

    When I double-clicked on the a66test.html from my hard drive, it didn’t work. Is something wrong somewhere in the html code or does it only work if I upload it to the server?

    Billy

  • Jared Evans

    To minimze anything going wrong, upload the swf mediaplayer, flv movie, and srt subtitles to the same domain.

    You can then make the HTML embed code that you can post anywhere on the internet and everything will load properly.

  • Jared Evans

    don’t forget to upload swfobject.js too.

  • brenster-

    how to add subtitles in easiest way would be another good topic for workshop at DeafRead conference.

  • Dana Mulvany

    Terrific information, Jared. One concern I’d have, though, is whether there would be a way for deaf-blind people to access the subtitles. If not, maybe the developers could think of a way to feed the subtitle file to screen-reading programs even if the subtitle file is invisible to the rest of us. I’m thinking it would still be desirable if captioning was provided right under the video in a format that could be tweaked by the user and read by screen-readers—but I don’t know if that is available yet. In the meantime, maybe the subtitle file could be made available separately for people who’d like to read the transcript, including deaf-blind people.

    Keep up the good work!

    Dana

  • http://deafscribe.livejournal.com DeafScribe

    Do you know if WinXP binary files are available for FFmpeg? I’ve seen a few tutorials online for compiling it for use in WinXP, but it looks complicated. I’ve got a dual-boot system with Ubuntu so I can compile in Linux if I have to, but I’d rather be able to do everything in one OS if possible.

  • http://billcreswell.wordpress.com Bill

    @Jared:
    Yes, but I found it easier to take my videos and upload them and caption them, than to use Subtitle Workshop. I could then bring the .srt files back down and import them into Subtitle Workshop.

    I probably should have just taken the time to try to get used to it, but the interface seemed more difficult.

    Admittedly, I am not “pro-amateur or professional vlogger”. *backs away from the post slowly*

  • galesl

    hi
    i’m trying to do exactly what you’ve done, so finding this post was great.

    But I’m having no luck. i’ve tried the method in the JW readme, the JW Setup wizard and even copying and adjusting the source code in your page, but all I get is nothing.

    Could you post instructions on how you did it? Thanks very much

  • http://Bashev.Net/ Bashev

    Jared, how convert subtitles.
    I try to make subtitled video, but subtitles can’t show.

    If
    caption=http://videoserver.us/ftp/jared/jwmedia.srt

    All is fine, but only with them.

    Please help

  • http://Bashev.Net/ Bashev

    Sorry,
    asnwer of my question is in the post:
    (helpful tip: make sure mediaplayer.swf is hosted on the same domain as your subtitles files!)

  • flvplayer

    Thanks for this nice post…

  • flvplayer

    Thanks for this nice post…