Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Use LSD to VJ live video on the web! Choose video clips and images and blend them together using the mixer controls or the interactive mouse mode. Create your customized hallucination directly in your browser and share with your friends!

branch: master

Fetching latest commit…

Octocat-spinner-32-eaf2f5

Cannot retrieve the latest commit at this time

Octocat-spinner-32 _image-sources
Octocat-spinner-32 _js
Octocat-spinner-32 lsd
Octocat-spinner-32 scripts
Octocat-spinner-32 .gitmodules
Octocat-spinner-32 README.md
Octocat-spinner-32 collaborative_vjing.php
Octocat-spinner-32 global.css
Octocat-spinner-32 htaccess
Octocat-spinner-32 index.html
Octocat-spinner-32 music_video_remixer.php
Octocat-spinner-32 odbol_gear.css
README.md

LSD (Layer Synthesis Device)

Collaborative Realtime Video Remixing

http://lsd.odbol.com

Use LSD to VJ live video on the web! Choose video clips and images and blend them together using the mixer controls or the interactive mouse mode. Create your customized hallucination directly in your browser and share with your friends!

LSD is a proof-of-concept application to demonstrate the new video and 2D rendering capabilities of HTML5 and the Canvas element. Use it on a fast browser like Firefox or Chrome and you will see UI responsiveness and smoothness comparable to professional VJ software (eh, at low resolutions). Of course, the browsers still have a long way to get up to the speed of a native application, but it is a promising start. (You can even VJ on your phone! Come on, this must be the future already!)

Supported on Firefox 3.5+, Safari 4+, Chrome, iPhone, Android (no IE, what a bummer...)

Code and content copyright Tyler Freeman, 2010-2013
Code is licensed under the GPL: please see lsd/COPYING.txt for more info.
Media Content is licensed under Creative Commons BY-NC-SA ( http://creativecommons.org/licenses/by-nc-sa/3.0/ ) or as marked.

FAQ

  • How do I play my videos? What codecs are supported?

Unfortunately, each browser supports different codecs for HTML5 videos. You can check the supported ones here:

http://diveintohtml5.org/video.html

I'd recommend using MPEG Streamclip to convert your videos to H.264 MP4, so you can use them on Chrome and Safari. Firefox uses Ogg; you'll have to encode separate files for both if you want it to work on all browsers. The takeLSD() function accepts arrays of VidSource objects in case you have multiple encodings of the same video for different browsers. See the index.html file for an example.

  • Animated GIFS no longer animate for me?

Yes, this is a bug in newer versions of Chrome and all versions of Firefox.

Shame that it used to work on Chrome and they broke it. If you would like them to fix it, please star or re-open these bugs:

Chrome - http://code.google.com/p/chromium/issues/detail?id=161407 Firefox - https://bugzilla.mozilla.org/show_bug.cgi?id=666855

DEVELOPMENT ROADMAP

  • Add more InputDevices (VJacket, LeapMotion, Kinect, MIDI, OSC, etc.)
  • Add more Seriously effects (especially Generators)
  • Rewrite all the hackathoned hacky hack code with some backbone.js and templates.
Something went wrong with that request. Please try again.