Presentation from ALT-C 2012 about a tool I created that helps add extra information to YouTube videos

1. Yo! YouTube Wraps!
Dr. Ian Glover
City University London
{ian.glover.1@city.ac.uk}

4. Questions to Answer
• What’s a Wrapped Video?
• Why would I want one?
• Nice! How do I make one?!
– The Techie way
– The ‘Easy’ way
• Where can I put my Wrapped Video?
• Who made all this?
• Any further plans?

5. What’s a Wrapped Video?

6. This?

7. You’ve already used that joke!
It isn’t a joke; It’s a theme!

8. Wrapped video…
• Provides additional information beside the
video
– including links to other resources
• Pauses automatically at selected points
– i.e. at the end of a ‘section’
• Each section can have different
information

10. Ok, so why do I want it?
• Add extra information
• Provide contextual information and links
• Break a video into discrete sections
• Prompt viewers with questions
• Works on any embeddable video

11. How do I create them?
• Two main methods
• A very manual and techie, but flexible,
way
• A more use-friendly, but structured, way

12. The Techie Way
• Create a structured JavaScript Object
Notification (JSON) file – or several.
– Manually managing relationships between
multiple records.
• Create HTML and CSS files to present the
video and information
• Package with all required support
files

13. Code for Some Elements
‘Text’ element
{ "id" : "T001",
"project_id" : "1",
"video_id" : "10",
"code" : "T0018",
"relation" : "V0010",
"type" : "Text",
"content" : "...",
"label" : "...",
"description" : "...",
"text" : "...",
"topic" : "...",
"time" : "10“
}
‘Question’ element
{ "id" : "Q0001",
"section_id" : "1",
"relation" : "T0001",
"type" : "Question",
"subject" : "...",
"label" : "...“
}

14. The ‘Easy’ Way
• ‘Simple’ online creation tool
• Structured
• Persistent
• No coding required
• Automatically packaged

15. Editing Interface

16. Where Can I Put my Video?
• Just HTML, JavaScript and CSS files
– Upload into a VLE
– On a web server
– As a blog post?
• Doesn’t currently run locally.

17. Who Do I Need to Pay for This?
• No-one!
– All Free/Open Source
• Core code based on ‘Exhibit’
– Open Source from MIT
• Video Extensions by Ensemble Project
– Recent funding from JISC to develop further
• Creation Tool by me
– Minimal server requirements
– Contact me for access or the code

18. Future Plans?
• Ensemble team doing further development
work.
• Develop my tool to add:
– Security features
– Copying items
– Drag-and-drop to move items
– Stylesheet selection

19. Thanks
Questions?