Index
Overview
<vidi> is a small program to allow a group of people to tag a video file, using one laptop to host the video, and client machines (desktops/laptops/ipads) which can connect over wifi to the host machine. Everything is done in the browser.
It's easiest to install on a mac running Snow Leopard (OSX 10.6+). You need to have Administrator privileges. On other systems, see the Technical Notes below.
Current Version
The current version can be retrieved from http://applied-eclectics.org/node/vidi. Feedback and questions can be sent to vidi@applied-eclectics.org but don't expect a timely response.
Usage
- Install the program
- Set up a session for people to join, by adding videos and naming a session. This allows you to keep your tagging episodes separate.
- Make sure everyone is connected to the same wifi network
- Tell the participants to open up their browser at the URL for vidi.
Participants give themselves a name, and click go. The video loads. When a participant clicks the tag button, the video pauses, and they can enter a note which is time-stamped to that place in the video. The note is saved with the session on the machine the program is installed on.
Printing from the active session page uses a different style sheet, so only the tags are visible; this is a simple report. There's also a report link on the session page, which will just load the tags.
The admin page is only accessible on the machine with the program. Sessions can be added to or reviewed at any time. All data is stored in the vidi.sqlite file in the vidi folder.
Installation
This part only needs to be done the first time.
- Save the zip file to your Sites folder
- Unzip it to create the vidi folder inside your Sites folder
- In the Finder, click on this new vidi folder and Choose File | Get Info. In the bottom section, Sharing & Permissions, the everyone line needs to be set to Read and Write. You may have to click on the lock in the bottom right hand corner before you can change this.
That's all for the program. Next setup web sharing, which allows other people to browse information on your computer.
- This is the only "technical" bit. It sets up your computer to use PHP, a web programming language.
- From the Finder, choose Go | Go to folder
- Enter /etc/apache2 and click Go
- Open the file named httpd.conf It should open in TextEdit.
- Use Edit | Find > Find and search for LoadModule php5
- Remove the # at the beginning of the line
- Save the file
- In System Preferences, click on Energy Saver
- Tick "Wake for network access"
- In System Preferences, click on Sharing
- Tick Web Sharing. Again you might have to click on the lock in the bottom left before you can change this
- Make note of your computer name, and find the section of the page where it says "Your personal website, in the Sites folder in your home folder, is available at this address"
Now your computer can share with other people. The next step is to connect to or create a wifi network and find the URL you'll be using.
Setup the session
- Add your videos to the folder
- Browse to your URL, and choose the admin link
- Either click on an existing session, or create a new session by naming it and choosing which video to use
Participants can now join this session by browsing to your URL, and creating or selecting an existing name to identify their tags.
You can change whether the session displays existing tags with the Controls.
Videos should be in one of the following formats:
- H.264 video up to 720p, 30 frames per second, Main Profile level 3.1 with AAC-LC audio up to 160 Kbps, 48kHz, stereo audio in .m4v, .mp4, and .mov file formats
- MPEG-4 video, up to 2.5 Mbps, 640 by 480 pixels, 30 frames per second, Simple Profile with AAC-LC audio up to 160 Kbps, 48kHz, stereo audio in .m4v, .mp4, and .mov file formats
- Motion JPEG (M-JPEG) up to 35 Mbps, 1280 by 720 pixels, 30 frames per second, audio in ulaw, PCM stereo audio in .avi file format
iTunes can convert video to the right formats.
Connect to the session
This needs to be done each time you use a different wireless network. You can either use an existing wireless network, or create one on your own machine for people to connect to. This is especially useful in large organisations where the wireless isn't easy to setup.
Connect to an existing network
Everyone in the session will need to be part of the same wireless network; so make sure it's easy to connect to before using this option.
- Connect to the network as usual
- Go to System Preferences | Sharing
- Click on Web Sharing (make sure it stays ticked!). Make note of the computer name, and the personal website address
Or
Setup your own wireless network
- On your machine
- Click on the airport icon in the menu bar
- Choose "Create Network"
- Give the network a name
- Optionally, you can click on the box to set a password for your network
- On the participant's machines
- Join the network you've just created
If you create your own network, you and your participants will not be able to access the Internet until you've rejoined the usual network.
Your URL
The participants will need to connect to the same network, then open a browser and go to the URL.
There's 2 options for the URL, one using the computer name, the other using the IP address (numbers). In some situations, the IP version (with the numbers), will work where the other one won't.
If the computer was named "my-laptop", and your username on the computer was "esther", and the IP address given was 192.168.1.2 then the URL would be:
http://my-laptop.local/~esther/vidi or http://192.168.1.2/~esther/vidi
Technical Notes
vidi is a pretty simple program, nothing really clever is going on, just a php server for ajax requests with some HTML 5 goodness.
MacOSX version 10.6.x isn't a strict requirement; it just saves lots of instructions. There's no reason vidi can't be installed on any machine as long as it supports the following:
System Requirements
- Web Server with PHP 5.x with php extension for sqlite3
- vidi folder needs to be world writable, so that the sqlite db can be created and updated
- Client browsers must support HTML5, since we're using the video tag and associated javascript methods
- Different browsers support different video codecs, so know your environment in advance. Modify what files show up to create a session by changing the extensions listed in the vidi.php file
- jQuery v1.4.4 is included for ease of distribution; but any recent version should do.