Yo! YouTube Wraps!Dr. Ian GloverCity University London{[email protected]}
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?
What’s a Wrapped Video?
This?
You’ve already used that joke!
It isn’t a joke; It’s a theme!
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
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
How do I create them?
• Two main methods
• A very manual and techie, but flexible, way
• A more use-friendly, but structured, way
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
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" : "...“
}
The ‘Easy’ Way
• ‘Simple’ online creation tool
• Structured
• Persistent
• No coding required
• Automatically packaged
Editing Interface
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.
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
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
ThanksQuestions?
Top Related