I was thinking that it might be cool to be able to use tools like Rikaichan or JGlossator while watching video that has Japanese subtitles.
So I did some searching around, and it looks like this is possible with existing components.
I'm pretty sure I could get a simple proof of concept up and running in a few minutes, but I have no javascript development experience, so I would not be able to make something user-friendly.
The html5 video tag allows you to play local video files in your browser. MP4 is supported by most browsers, and Chrome supports mkv.
For the subtitles, there are a number of various options:
jquery.srt.js - http://v2v.cc/~j/jquery.srt/
A very simple javascript that displays SRT subtitles as text under the video.
bubbles.js - http://bubbles.childnodes.com/
Looks similar to jquery.srt.js, but displays subtitles over the video itself. Subtitles can still be selected as text.
VideoSub - http://www.storiesinflight.com/js_videosub/
Another script very similar to bubbles.js
libjass - https://github.com/Arnavion/libjass
Renders ass subtitles on the video. I tested the demo in chrome, and text was not selectable and rikaikun did not work.
Popcorn.js - http://popcornjs.org/popcorn-docs/parsers/
Looks like an extremely robust system for playing video, and includes support for both SRT and SSA, but not ASS.
I wonder if some experienced javascript coder might want to try their hand at putting something together? If not, I might try to rig something simple up this weekend.
So I did some searching around, and it looks like this is possible with existing components.
I'm pretty sure I could get a simple proof of concept up and running in a few minutes, but I have no javascript development experience, so I would not be able to make something user-friendly.
The html5 video tag allows you to play local video files in your browser. MP4 is supported by most browsers, and Chrome supports mkv.
For the subtitles, there are a number of various options:
jquery.srt.js - http://v2v.cc/~j/jquery.srt/
A very simple javascript that displays SRT subtitles as text under the video.
bubbles.js - http://bubbles.childnodes.com/
Looks similar to jquery.srt.js, but displays subtitles over the video itself. Subtitles can still be selected as text.
VideoSub - http://www.storiesinflight.com/js_videosub/
Another script very similar to bubbles.js
libjass - https://github.com/Arnavion/libjass
Renders ass subtitles on the video. I tested the demo in chrome, and text was not selectable and rikaikun did not work.
Popcorn.js - http://popcornjs.org/popcorn-docs/parsers/
Looks like an extremely robust system for playing video, and includes support for both SRT and SSA, but not ASS.
I wonder if some experienced javascript coder might want to try their hand at putting something together? If not, I might try to rig something simple up this weekend.