Ogv.js

From XiphWiki

(Difference between revisions)
Jump to: navigation, search
(Created page with "At least libogg, libvorbis, and libtheora can be built to JavaScript using [http://emscripten.org/ emscripten] with only slight modifications. == Building == Experimental work ...")
(a few updates)
Line 13: Line 13:
Playback demo at: https://brionv.com/misc/ogv.js/demo/
Playback demo at: https://brionv.com/misc/ogv.js/demo/
-
Video works in all current browsers, audio works if Web Audio API is there (latest Firefox, Safari, Chrome, but not IE).
+
Video works in all current browsers, audio works if Web Audio API is there (latest Firefox, Safari, Chrome), or with a Flash audio shim for IE.
== Notes ==
== Notes ==
Line 21: Line 21:
** needs a slight fix to a function signature to quiet an error from emscripten compiler
** needs a slight fix to a function signature to quiet an error from emscripten compiler
* Internet Explorer
* Internet Explorer
-
** no native web audio output
+
** works on IE 10 and 11 only
-
** Flash shim most likely audio possibility
+
** Flash audio shim works pretty well but needs optimization on slow machines
* Safari
* Safari
-
** Mac Safari 6.0 crashes when decoding vorbis audio in my testing (?!) 6.1/7.0 are fine. Is temporarily blacklisted.
+
** Safari JIT crash seems to have been resolved by moving to the new emscripten LLVM backend
-
** iOS Safari on 64-bit device crashes when decoding vorbis audio in my testing (!?). Is temporarily blacklisted.
+
** Audio must be triggered from a UI event to work on iOS (no autoplay)
-
** Audio must be triggered from a UI event to work on iOS
+
-
Performance seems adequate on recentish desktops/laptops in the latest browsers, but is woefully poor on mobile phones and tablets.
+
Performance seems adequate on recentish desktops/laptops in the latest browsers, but is woefully poor on mobile phones and tablets. The 64-bit iPhone 5s barely hits decode speed targets at ~360p video.
== HTML5 integration ==
== HTML5 integration ==

Revision as of 10:48, 22 February 2014

At least libogg, libvorbis, and libtheora can be built to JavaScript using emscripten with only slight modifications.

Contents

Building

Experimental work in progress script to build these: https://github.com/brion/ogv.js based on previous work for AudioCogs integration: https://github.com/devongovett/ogg.js

The build scripts make slight changes to configure scripts which may or may not be necessary, need to dive in in more detail.

There's also a slight fix needed in libtheora: https://github.com/brion/theora/commit/06a0e4acf9c35f4bd31b8788a8a573cb89262333 which is probably safe to upstream (check this!)

Demo

Playback demo at: https://brionv.com/misc/ogv.js/demo/

Video works in all current browsers, audio works if Web Audio API is there (latest Firefox, Safari, Chrome), or with a Flash audio shim for IE.

Notes

  • libtheora
    • Must pass --disable-asm
    • needs a slight fix to a function signature to quiet an error from emscripten compiler
  • Internet Explorer
    • works on IE 10 and 11 only
    • Flash audio shim works pretty well but needs optimization on slow machines
  • Safari
    • Safari JIT crash seems to have been resolved by moving to the new emscripten LLVM backend
    • Audio must be triggered from a UI event to work on iOS (no autoplay)

Performance seems adequate on recentish desktops/laptops in the latest browsers, but is woefully poor on mobile phones and tablets. The 64-bit iPhone 5s barely hits decode speed targets at ~360p video.

HTML5 integration

Current playback demo simply outputs to a <canvas> element, doing YUV to RGB conversion in software.

It's not clear to me that playback could be integrated into an actual <audio> or <video> element, but similar JavaScript interfaces could be wrapped around a <canvas>.

WebRTC also does not appear to allow easily plugging in custom JS codecs, but audio and video frames could be sent over the data channels as ArrayBuffers.

Live encoding may be possible connected to getUserMedia, I have not attempted this yet.

Related projects

  • iOS codecs (todo)
Retrieved from "http://wiki.xiph.org/Ogv.js"
Personal tools


Main Page

Xiph.Org Projects

Audio—

Video—

Text—

Container—

Streaming—