SlideShare a Scribd company logo
THE CHROOMA+ APPROACH
TO ENRICH VIDEO CONTENT
USING HTML5
VSR RESEARCH GROUP
CHEMNITZ UNIVERSITY OF TECHNOLOGY
GERMANY
PHILIPP OEHME, MICHAEL KRUG,
FABIAN WIEDEMANN, MARTIN GAEDKE
WHY ENRICHMENT?
• Situation:
52% of users are using their cellphone while watching TV1
• Idea:
Why not provide them directly with related information?
• Problem:
Current video players and platforms in the Web do not
provide an extensible way to attach and display additional
information
• Solution:
Enrichment of existing video content using HTML5
technologies
2
1 Smith, A., Boyles, J.: The Rise of the “Connected Viewer”. (2012).
Chrooma+ - http://vsr.informatik.tu-chemnitz.de - Michael Krug WWW2013 - Mai 13, 2013
WHAT HAVE WE ACCOMPLISHED?
• Display HTML5 snippets synchronized to a video stream
• Implemented as a jQuery plug-in, only client code
• Extensibility through a plug-in architecture to support
various data sources for additional information
3Chrooma+ - http://vsr.informatik.tu-chemnitz.de - Michael Krug WWW2013 - Mai 13, 2013
HOW DOES IT WORK?
• Using the HTML5 TextTrack-API with WebVTT files
• Synchronization via the oncuechange event
• Placing information in cue entries as time-based metadata
• Data as JSON objects
• Plug-ins for displaying different kinds of information
• Maps, Twitter, Wikipedia, HTML, Images...
00:01:56.000 --> 00:02:03.000
{
"entries": [{
"type": "twitter",
"properties": {
"tags": "tuchemnitz", "style": { "color": "white", … }
}
},{
"type": "gmap",
"properties": {
"coordinates": { "lat": 50.813, "lon": 12.929 }, "style": { … }
} …
<video>
<source src="video.mp4" type="video/mp4" />
<track src="metadata.vtt" kind="metadata"></track>
</video>
4Chrooma+ - http://vsr.informatik.tu-chemnitz.de - Michael Krug WWW2013 - Mai 13, 2013
THANK YOU
Demo
http://chroomaplus.eu/www2013-demonstrator
Contact - @michikrug
michael.krug@informatik.tu-chemnitz.de
http://vsr.informatik.tu-chemnitz.de/people/krug
Chrooma+ - http://vsr.informatik.tu-chemnitz.de - Michael Krug WWW2013 - Mai 13, 2013 5

More Related Content

What's hot

4 2new Teachnologies
4 2new Teachnologies4 2new Teachnologies
4 2new Teachnologies
Derek Nicoll
 
4 2new Teachnologies
4 2new Teachnologies4 2new Teachnologies
4 2new Teachnologies
Derek Nicoll
 
Webinar photo sharing
Webinar photo sharingWebinar photo sharing
Webinar photo sharing
Lynn Huguenin
 
Durham2014 GCUGameson
Durham2014 GCUGamesonDurham2014 GCUGameson
Durham2014 GCUGameson
James Emery
 
Emerging Technologies Semester 2 Lecture 1
Emerging Technologies Semester 2 Lecture 1Emerging Technologies Semester 2 Lecture 1
Emerging Technologies Semester 2 Lecture 1
Frances Bell
 
Corporate content needs a kick in the pants
Corporate content needs a kick in the pantsCorporate content needs a kick in the pants
Corporate content needs a kick in the pants
David Farbey
 
The Learning Layer for SharePoint and Enterprise Social
The Learning Layer for SharePoint and Enterprise SocialThe Learning Layer for SharePoint and Enterprise Social
The Learning Layer for SharePoint and Enterprise Social
Steve Flinn
 
Greg Walters HEA Fellowship presentation final
Greg Walters HEA Fellowship presentation finalGreg Walters HEA Fellowship presentation final
Greg Walters HEA Fellowship presentation final
Greg Walters
 
366 training ftu lectures - 20 it applications
366   training ftu lectures - 20 it applications366   training ftu lectures - 20 it applications
366 training ftu lectures - 20 it applications
Dao Hoa
 
NMTIE 2013
NMTIE 2013NMTIE 2013
NMTIE 2013
Julia Parra
 
Colorado Online Energy Project TAACCCT Round 2 Kick-Off Presentation
Colorado Online Energy Project TAACCCT Round 2 Kick-Off PresentationColorado Online Energy Project TAACCCT Round 2 Kick-Off Presentation
Colorado Online Energy Project TAACCCT Round 2 Kick-Off Presentation
OPEN4Us
 
Latest Developments in Technology Enabled Learning
Latest Developments in Technology Enabled LearningLatest Developments in Technology Enabled Learning
Latest Developments in Technology Enabled Learning
Robert Todd
 
Overview of activities and major milestones of the Web2LLP project
Overview of activities and  major milestones of the Web2LLP projectOverview of activities and  major milestones of the Web2LLP project
Overview of activities and major milestones of the Web2LLP project
Web2LLP
 

What's hot (13)

4 2new Teachnologies
4 2new Teachnologies4 2new Teachnologies
4 2new Teachnologies
 
4 2new Teachnologies
4 2new Teachnologies4 2new Teachnologies
4 2new Teachnologies
 
Webinar photo sharing
Webinar photo sharingWebinar photo sharing
Webinar photo sharing
 
Durham2014 GCUGameson
Durham2014 GCUGamesonDurham2014 GCUGameson
Durham2014 GCUGameson
 
Emerging Technologies Semester 2 Lecture 1
Emerging Technologies Semester 2 Lecture 1Emerging Technologies Semester 2 Lecture 1
Emerging Technologies Semester 2 Lecture 1
 
Corporate content needs a kick in the pants
Corporate content needs a kick in the pantsCorporate content needs a kick in the pants
Corporate content needs a kick in the pants
 
The Learning Layer for SharePoint and Enterprise Social
The Learning Layer for SharePoint and Enterprise SocialThe Learning Layer for SharePoint and Enterprise Social
The Learning Layer for SharePoint and Enterprise Social
 
Greg Walters HEA Fellowship presentation final
Greg Walters HEA Fellowship presentation finalGreg Walters HEA Fellowship presentation final
Greg Walters HEA Fellowship presentation final
 
366 training ftu lectures - 20 it applications
366   training ftu lectures - 20 it applications366   training ftu lectures - 20 it applications
366 training ftu lectures - 20 it applications
 
NMTIE 2013
NMTIE 2013NMTIE 2013
NMTIE 2013
 
Colorado Online Energy Project TAACCCT Round 2 Kick-Off Presentation
Colorado Online Energy Project TAACCCT Round 2 Kick-Off PresentationColorado Online Energy Project TAACCCT Round 2 Kick-Off Presentation
Colorado Online Energy Project TAACCCT Round 2 Kick-Off Presentation
 
Latest Developments in Technology Enabled Learning
Latest Developments in Technology Enabled LearningLatest Developments in Technology Enabled Learning
Latest Developments in Technology Enabled Learning
 
Overview of activities and major milestones of the Web2LLP project
Overview of activities and  major milestones of the Web2LLP projectOverview of activities and  major milestones of the Web2LLP project
Overview of activities and major milestones of the Web2LLP project
 

Viewers also liked

Comunidades Virtuais
Comunidades VirtuaisComunidades Virtuais
Comunidades Virtuais
Thiaguim Oliveira
 
Hail
HailHail
Etica y valores como esencia del ser humano
Etica y valores como esencia del ser humanoEtica y valores como esencia del ser humano
Etica y valores como esencia del ser humano
rubeme
 
New york, new york
New york, new yorkNew york, new york
New york, new york
corominasanna
 
Cookingverbs waystage2
Cookingverbs waystage2Cookingverbs waystage2
Cookingverbs waystage2
alejobiancha
 
Canadian quest project (1) (1) (1)
Canadian quest project (1) (1) (1)Canadian quest project (1) (1) (1)
Canadian quest project (1) (1) (1)
pokoben
 
New york images and labels
New york images and labelsNew york images and labels
New york images and labelscorominasanna
 
Asoso Aplicação Social 3
Asoso Aplicação Social 3Asoso Aplicação Social 3
Asoso Aplicação Social 3
Thiaguim Oliveira
 
Våra ansträngningar
Våra ansträngningarVåra ansträngningar
Våra ansträngningarjdpab1
 
Annual report final for print
Annual report final for printAnnual report final for print
Annual report final for print
ablecharities
 
Bloque ii. subtema i
Bloque ii. subtema iBloque ii. subtema i
Bloque ii. subtema i
Rox Campos
 
академическое или аргументированное эссе
академическое или аргументированное эссеакадемическое или аргументированное эссе
академическое или аргументированное эссеAdelya Nuralina
 
Contoh RPP 2013 - Masalah pokok ekonomi
Contoh RPP 2013 - Masalah pokok ekonomiContoh RPP 2013 - Masalah pokok ekonomi
Contoh RPP 2013 - Masalah pokok ekonomi
Mentari Ritonga
 
New york, new york lesson plan
New york, new york lesson planNew york, new york lesson plan
New york, new york lesson plan
corominasanna
 

Viewers also liked (14)

Comunidades Virtuais
Comunidades VirtuaisComunidades Virtuais
Comunidades Virtuais
 
Hail
HailHail
Hail
 
Etica y valores como esencia del ser humano
Etica y valores como esencia del ser humanoEtica y valores como esencia del ser humano
Etica y valores como esencia del ser humano
 
New york, new york
New york, new yorkNew york, new york
New york, new york
 
Cookingverbs waystage2
Cookingverbs waystage2Cookingverbs waystage2
Cookingverbs waystage2
 
Canadian quest project (1) (1) (1)
Canadian quest project (1) (1) (1)Canadian quest project (1) (1) (1)
Canadian quest project (1) (1) (1)
 
New york images and labels
New york images and labelsNew york images and labels
New york images and labels
 
Asoso Aplicação Social 3
Asoso Aplicação Social 3Asoso Aplicação Social 3
Asoso Aplicação Social 3
 
Våra ansträngningar
Våra ansträngningarVåra ansträngningar
Våra ansträngningar
 
Annual report final for print
Annual report final for printAnnual report final for print
Annual report final for print
 
Bloque ii. subtema i
Bloque ii. subtema iBloque ii. subtema i
Bloque ii. subtema i
 
академическое или аргументированное эссе
академическое или аргументированное эссеакадемическое или аргументированное эссе
академическое или аргументированное эссе
 
Contoh RPP 2013 - Masalah pokok ekonomi
Contoh RPP 2013 - Masalah pokok ekonomiContoh RPP 2013 - Masalah pokok ekonomi
Contoh RPP 2013 - Masalah pokok ekonomi
 
New york, new york lesson plan
New york, new york lesson planNew york, new york lesson plan
New york, new york lesson plan
 

Similar to The Chrooma+ Approach to Enrich Video Content using HTML5

Boosting new media accessibility - Scott Hollier
Boosting new media accessibility - Scott HollierBoosting new media accessibility - Scott Hollier
Boosting new media accessibility - Scott Hollier
Web Directions
 
A Journey Towards Fully Immersive Media Access
A Journey Towards Fully Immersive Media AccessA Journey Towards Fully Immersive Media Access
A Journey Towards Fully Immersive Media Access
Alpen-Adria-Universität
 
How To Use Video To Lower Training Costs
How To Use Video To Lower Training CostsHow To Use Video To Lower Training Costs
How To Use Video To Lower Training Costs
Chuck Jones
 
Virtual BenchLearning - DeepHealth - Needs & Requirements for Benchmarking
Virtual BenchLearning - DeepHealth - Needs & Requirements for BenchmarkingVirtual BenchLearning - DeepHealth - Needs & Requirements for Benchmarking
Virtual BenchLearning - DeepHealth - Needs & Requirements for Benchmarking
Big Data Value Association
 
multimedia making it work by Tay Vaughan Chapter1
multimedia making it work by Tay Vaughan Chapter1multimedia making it work by Tay Vaughan Chapter1
multimedia making it work by Tay Vaughan Chapter1
alichaudhry28
 
Chapter 1
Chapter 1Chapter 1
Chapter 1
IIUM
 
Youtube and ugc
Youtube and ugcYoutube and ugc
Youtube and ugc
pumascomm
 
K 12 Video & Technology Challenges
K 12 Video & Technology ChallengesK 12 Video & Technology Challenges
K 12 Video & Technology Challenges
Chuck Jones
 
Ch1 introduction to multimedia (1)
Ch1 introduction to multimedia (1)Ch1 introduction to multimedia (1)
Ch1 introduction to multimedia (1)
Steven McKaig
 
ch1-what-is-multimedia types of multimedia.pdf
ch1-what-is-multimedia types of multimedia.pdfch1-what-is-multimedia types of multimedia.pdf
ch1-what-is-multimedia types of multimedia.pdf
PrinceFahadFarooqm
 
-ch1-what-is-multimedia and introduction.ppt
-ch1-what-is-multimedia  and introduction.ppt-ch1-what-is-multimedia  and introduction.ppt
-ch1-what-is-multimedia and introduction.ppt
faiz324545
 
Ch1 - What is Multimedia.ppt
Ch1 - What is Multimedia.pptCh1 - What is Multimedia.ppt
Ch1 - What is Multimedia.ppt
ssusera1c25a
 
Youtube and ugc by swetha
Youtube and ugc by swethaYoutube and ugc by swetha
Youtube and ugc by swetha
pumascomm
 
Aggregating and Analyzing the Context of Social Media Content
Aggregating and Analyzing the Context of Social Media ContentAggregating and Analyzing the Context of Social Media Content
Aggregating and Analyzing the Context of Social Media Content
Symeon Papadopoulos
 
Jon Keefe - Future Of Video
Jon Keefe - Future Of VideoJon Keefe - Future Of Video
Jon Keefe - Future Of Video
InBlackandWhite
 
Svenska Yle metadata and data first
Svenska Yle metadata and data firstSvenska Yle metadata and data first
Svenska Yle metadata and data first
Micke Hindsberg
 
Video_Conferencing_libraryScience.pptx
Video_Conferencing_libraryScience.pptxVideo_Conferencing_libraryScience.pptx
Video_Conferencing_libraryScience.pptx
Mohammad Azeem
 
Why GOOGLE Thrive and Others Cant Make it ?
Why GOOGLE Thrive and Others Cant Make it ?Why GOOGLE Thrive and Others Cant Make it ?
Why GOOGLE Thrive and Others Cant Make it ?
Raj
 
Over the Top Content Delivery: State of the Art and Challenges Ahead
Over the Top Content Delivery: State of the Art and Challenges AheadOver the Top Content Delivery: State of the Art and Challenges Ahead
Over the Top Content Delivery: State of the Art and Challenges Ahead
Alpen-Adria-Universität
 
MediaConnect
MediaConnectMediaConnect
MediaConnect
connectme_project
 

Similar to The Chrooma+ Approach to Enrich Video Content using HTML5 (20)

Boosting new media accessibility - Scott Hollier
Boosting new media accessibility - Scott HollierBoosting new media accessibility - Scott Hollier
Boosting new media accessibility - Scott Hollier
 
A Journey Towards Fully Immersive Media Access
A Journey Towards Fully Immersive Media AccessA Journey Towards Fully Immersive Media Access
A Journey Towards Fully Immersive Media Access
 
How To Use Video To Lower Training Costs
How To Use Video To Lower Training CostsHow To Use Video To Lower Training Costs
How To Use Video To Lower Training Costs
 
Virtual BenchLearning - DeepHealth - Needs & Requirements for Benchmarking
Virtual BenchLearning - DeepHealth - Needs & Requirements for BenchmarkingVirtual BenchLearning - DeepHealth - Needs & Requirements for Benchmarking
Virtual BenchLearning - DeepHealth - Needs & Requirements for Benchmarking
 
multimedia making it work by Tay Vaughan Chapter1
multimedia making it work by Tay Vaughan Chapter1multimedia making it work by Tay Vaughan Chapter1
multimedia making it work by Tay Vaughan Chapter1
 
Chapter 1
Chapter 1Chapter 1
Chapter 1
 
Youtube and ugc
Youtube and ugcYoutube and ugc
Youtube and ugc
 
K 12 Video & Technology Challenges
K 12 Video & Technology ChallengesK 12 Video & Technology Challenges
K 12 Video & Technology Challenges
 
Ch1 introduction to multimedia (1)
Ch1 introduction to multimedia (1)Ch1 introduction to multimedia (1)
Ch1 introduction to multimedia (1)
 
ch1-what-is-multimedia types of multimedia.pdf
ch1-what-is-multimedia types of multimedia.pdfch1-what-is-multimedia types of multimedia.pdf
ch1-what-is-multimedia types of multimedia.pdf
 
-ch1-what-is-multimedia and introduction.ppt
-ch1-what-is-multimedia  and introduction.ppt-ch1-what-is-multimedia  and introduction.ppt
-ch1-what-is-multimedia and introduction.ppt
 
Ch1 - What is Multimedia.ppt
Ch1 - What is Multimedia.pptCh1 - What is Multimedia.ppt
Ch1 - What is Multimedia.ppt
 
Youtube and ugc by swetha
Youtube and ugc by swethaYoutube and ugc by swetha
Youtube and ugc by swetha
 
Aggregating and Analyzing the Context of Social Media Content
Aggregating and Analyzing the Context of Social Media ContentAggregating and Analyzing the Context of Social Media Content
Aggregating and Analyzing the Context of Social Media Content
 
Jon Keefe - Future Of Video
Jon Keefe - Future Of VideoJon Keefe - Future Of Video
Jon Keefe - Future Of Video
 
Svenska Yle metadata and data first
Svenska Yle metadata and data firstSvenska Yle metadata and data first
Svenska Yle metadata and data first
 
Video_Conferencing_libraryScience.pptx
Video_Conferencing_libraryScience.pptxVideo_Conferencing_libraryScience.pptx
Video_Conferencing_libraryScience.pptx
 
Why GOOGLE Thrive and Others Cant Make it ?
Why GOOGLE Thrive and Others Cant Make it ?Why GOOGLE Thrive and Others Cant Make it ?
Why GOOGLE Thrive and Others Cant Make it ?
 
Over the Top Content Delivery: State of the Art and Challenges Ahead
Over the Top Content Delivery: State of the Art and Challenges AheadOver the Top Content Delivery: State of the Art and Challenges Ahead
Over the Top Content Delivery: State of the Art and Challenges Ahead
 
MediaConnect
MediaConnectMediaConnect
MediaConnect
 

Recently uploaded

Session 1 - Intro to Robotic Process Automation.pdf
Session 1 - Intro to Robotic Process Automation.pdfSession 1 - Intro to Robotic Process Automation.pdf
Session 1 - Intro to Robotic Process Automation.pdf
UiPathCommunity
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
MichaelKnudsen27
 
JavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green MasterplanJavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green Masterplan
Miro Wengner
 
Christine's Supplier Sourcing Presentaion.pptx
Christine's Supplier Sourcing Presentaion.pptxChristine's Supplier Sourcing Presentaion.pptx
Christine's Supplier Sourcing Presentaion.pptx
christinelarrosa
 
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
Alex Pruden
 
What is an RPA CoE? Session 2 – CoE Roles
What is an RPA CoE?  Session 2 – CoE RolesWhat is an RPA CoE?  Session 2 – CoE Roles
What is an RPA CoE? Session 2 – CoE Roles
DianaGray10
 
Mutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented ChatbotsMutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented Chatbots
Pablo Gómez Abajo
 
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge GraphGraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
Neo4j
 
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-EfficiencyFreshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
ScyllaDB
 
"NATO Hackathon Winner: AI-Powered Drug Search", Taras Kloba
"NATO Hackathon Winner: AI-Powered Drug Search",  Taras Kloba"NATO Hackathon Winner: AI-Powered Drug Search",  Taras Kloba
"NATO Hackathon Winner: AI-Powered Drug Search", Taras Kloba
Fwdays
 
Apps Break Data
Apps Break DataApps Break Data
Apps Break Data
Ivo Velitchkov
 
Christine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptxChristine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptx
christinelarrosa
 
"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota
Fwdays
 
Essentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation ParametersEssentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation Parameters
Safe Software
 
A Deep Dive into ScyllaDB's Architecture
A Deep Dive into ScyllaDB's ArchitectureA Deep Dive into ScyllaDB's Architecture
A Deep Dive into ScyllaDB's Architecture
ScyllaDB
 
PRODUCT LISTING OPTIMIZATION PRESENTATION.pptx
PRODUCT LISTING OPTIMIZATION PRESENTATION.pptxPRODUCT LISTING OPTIMIZATION PRESENTATION.pptx
PRODUCT LISTING OPTIMIZATION PRESENTATION.pptx
christinelarrosa
 
Poznań ACE event - 19.06.2024 Team 24 Wrapup slidedeck
Poznań ACE event - 19.06.2024 Team 24 Wrapup slidedeckPoznań ACE event - 19.06.2024 Team 24 Wrapup slidedeck
Poznań ACE event - 19.06.2024 Team 24 Wrapup slidedeck
FilipTomaszewski5
 
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and BioinformaticiansBiomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Neo4j
 
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving
 
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Pitangent Analytics & Technology Solutions Pvt. Ltd
 

Recently uploaded (20)

Session 1 - Intro to Robotic Process Automation.pdf
Session 1 - Intro to Robotic Process Automation.pdfSession 1 - Intro to Robotic Process Automation.pdf
Session 1 - Intro to Robotic Process Automation.pdf
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
 
JavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green MasterplanJavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green Masterplan
 
Christine's Supplier Sourcing Presentaion.pptx
Christine's Supplier Sourcing Presentaion.pptxChristine's Supplier Sourcing Presentaion.pptx
Christine's Supplier Sourcing Presentaion.pptx
 
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
 
What is an RPA CoE? Session 2 – CoE Roles
What is an RPA CoE?  Session 2 – CoE RolesWhat is an RPA CoE?  Session 2 – CoE Roles
What is an RPA CoE? Session 2 – CoE Roles
 
Mutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented ChatbotsMutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented Chatbots
 
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge GraphGraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
 
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-EfficiencyFreshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
 
"NATO Hackathon Winner: AI-Powered Drug Search", Taras Kloba
"NATO Hackathon Winner: AI-Powered Drug Search",  Taras Kloba"NATO Hackathon Winner: AI-Powered Drug Search",  Taras Kloba
"NATO Hackathon Winner: AI-Powered Drug Search", Taras Kloba
 
Apps Break Data
Apps Break DataApps Break Data
Apps Break Data
 
Christine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptxChristine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptx
 
"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota
 
Essentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation ParametersEssentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation Parameters
 
A Deep Dive into ScyllaDB's Architecture
A Deep Dive into ScyllaDB's ArchitectureA Deep Dive into ScyllaDB's Architecture
A Deep Dive into ScyllaDB's Architecture
 
PRODUCT LISTING OPTIMIZATION PRESENTATION.pptx
PRODUCT LISTING OPTIMIZATION PRESENTATION.pptxPRODUCT LISTING OPTIMIZATION PRESENTATION.pptx
PRODUCT LISTING OPTIMIZATION PRESENTATION.pptx
 
Poznań ACE event - 19.06.2024 Team 24 Wrapup slidedeck
Poznań ACE event - 19.06.2024 Team 24 Wrapup slidedeckPoznań ACE event - 19.06.2024 Team 24 Wrapup slidedeck
Poznań ACE event - 19.06.2024 Team 24 Wrapup slidedeck
 
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and BioinformaticiansBiomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
 
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024
 
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
 

The Chrooma+ Approach to Enrich Video Content using HTML5

  • 1. THE CHROOMA+ APPROACH TO ENRICH VIDEO CONTENT USING HTML5 VSR RESEARCH GROUP CHEMNITZ UNIVERSITY OF TECHNOLOGY GERMANY PHILIPP OEHME, MICHAEL KRUG, FABIAN WIEDEMANN, MARTIN GAEDKE
  • 2. WHY ENRICHMENT? • Situation: 52% of users are using their cellphone while watching TV1 • Idea: Why not provide them directly with related information? • Problem: Current video players and platforms in the Web do not provide an extensible way to attach and display additional information • Solution: Enrichment of existing video content using HTML5 technologies 2 1 Smith, A., Boyles, J.: The Rise of the “Connected Viewer”. (2012). Chrooma+ - http://vsr.informatik.tu-chemnitz.de - Michael Krug WWW2013 - Mai 13, 2013
  • 3. WHAT HAVE WE ACCOMPLISHED? • Display HTML5 snippets synchronized to a video stream • Implemented as a jQuery plug-in, only client code • Extensibility through a plug-in architecture to support various data sources for additional information 3Chrooma+ - http://vsr.informatik.tu-chemnitz.de - Michael Krug WWW2013 - Mai 13, 2013
  • 4. HOW DOES IT WORK? • Using the HTML5 TextTrack-API with WebVTT files • Synchronization via the oncuechange event • Placing information in cue entries as time-based metadata • Data as JSON objects • Plug-ins for displaying different kinds of information • Maps, Twitter, Wikipedia, HTML, Images... 00:01:56.000 --> 00:02:03.000 { "entries": [{ "type": "twitter", "properties": { "tags": "tuchemnitz", "style": { "color": "white", … } } },{ "type": "gmap", "properties": { "coordinates": { "lat": 50.813, "lon": 12.929 }, "style": { … } } … <video> <source src="video.mp4" type="video/mp4" /> <track src="metadata.vtt" kind="metadata"></track> </video> 4Chrooma+ - http://vsr.informatik.tu-chemnitz.de - Michael Krug WWW2013 - Mai 13, 2013
  • 5. THANK YOU Demo http://chroomaplus.eu/www2013-demonstrator Contact - @michikrug michael.krug@informatik.tu-chemnitz.de http://vsr.informatik.tu-chemnitz.de/people/krug Chrooma+ - http://vsr.informatik.tu-chemnitz.de - Michael Krug WWW2013 - Mai 13, 2013 5