Friday 5 June 2009

Embedded movies in online presentations with Inkscape and JessyInk

I was watching a screencast by heathenx recently (Episode 86 on screencasters.heathenx.org), about creating presentations that run in your browser using Inkscape and JessyInk. At about the same time I was looking into html5 embedded video (thanks to the GoogleIO html5 demos). Then I noticed a blog post by bluish coder about embedding html5 video in svg files. This all collided in my head, and I thought: "hey, I can use this to embed movies in JessyInk presentations". So that's exactly what I've done.

The final product is a presentation in Inkscape svg, using JessyInk with an embedded movie from www.sciencecommons.org. It also doubles up as a rough tutorial on the technique I used to embed the movie. To actually be able to see the movie you'll need an HTML5 enabled browser such as Firefox 3.5 beta 4 (that's the only one I've tested it with). Enjoy....

http://users.ox.ac.uk/~orie1195/JessyInk_embed_movie.svg

1 comment:

  1. Hi Tom,

    thanks a lot for sharing. This is very cool! I guess, it should not be too hard to write an Inkscape extension to make embedding videos even more convenient. I'll head over to launchpad and register a blueprint for it right now.

    Thanks again! Very nice work!
    Hannes

    ReplyDelete