jQuery VideoBox

jQuery VideoBox is a modification of jQuery LightBox designed to work with local video sources using Html5. Video formats currently supported: mp4, ogv, and webm. Source code and download can be found on GitHub.

Currently tested on Firefox 5. Please let me know if you have problems with other browsers.

I should be updating GitHub soon with a detailed user manual. For now consult the example index.html.

Prototype

Just got some web hosting space from my friend Greg. We were trying to get some space on the Foss@Rit servers but they aren't ready yet. You can find our prototype at http://gregjurman.com/trose/firstemt/. We deleted the video so we don't nuke his bandwidth. ^_^

In other news... I got the jQuery plugin working. It's still just a hack so I'm not going to publish it yet... I need to clean the code up a ton before then.

RIP Gnome3 Hot Corner

FINALLY!

After weeks of anguish I have finally figured out how to disable the hot corner on Gnome 3 that has been the bain of my existence since switching to Fedora 15.


What's the problem with a Hot Corner?

Well if aren't familiar with Gnome 3 there is an Overview that allows you to quickly open programs and switch between currently open ones.

The hot corner is in the top left corner of the screen and activates when the cursor is in the (0,0) coordinate. The problem with the hot corner is that you often accidentally activate it when trying to click things close to the top left corner. It's also highly redundant since the "Activities" button there has the same functionality. Personally, when I want to use the Overview I just hit the super key (windows key).

The Solution

You need to modify the javascript backend for gnome panel. Yeah Gnome 3 is partly in javascript... You'll find the necessary file under /usr/share/gnome-shell/js/ui/. Next you want to open panel.js in your favorite text editor. I like Geany :P You'll need to find this line:

this._corner = new Clutter.Rectangle({ width: 1, height: 1, opacity: 0, reactive: true });

and modify it to say "reactive: false". This will disable the hot corner functionality without disabling Overview.

I found this solution here and credit goes to Jinx.

Success!!! kind of...

So I've got an interactive webpage made that dynamically generates buttons based on an xml file. It even updates on the fly with a drop down menu to switch between languages. One small problem though... the javascript I hacked together to make the pretty video popups is scanning the page before the other javascript has dynamically populated the page. So basically the video isn't working at all. Tomorrow I'll have to look at possible solutions. I think the best route is to actually get around to finishing jQuery-izing the video plugin. Then I can just attach a listener to a <div> and link it to the video proper. Luckily tomorrow is the Foss@Rit hackfest so I'll have plenty of time ^_^

TIL Javascript

So I've been banging out my javascript video plugin. Turns out there's more work to do than I thought. I plan on making it fully jQuery compatible as it currently doesn't play well with the other jQuery elements we're using.

We just had a meeting with Dr. Sutton and he likes our prototypes so far. Next step is to start adding functionality. Our two week goal is to add basic clinical questions. We will model it off of the interaction that receptionists typically have with patients when they first come in. While I'm waiting for example questions from the clinic, I'm going to start creating a dynamic internationalization system. basically all text in the program will be assigned to variables. Then in the backend each variable can have multiple translations stored for it. If we do this right we can make it simple for non-technical humans to add new questions and translations.

Updates later :-)