SlideShare ist ein Scribd-Unternehmen logo
1 von 19
Quick Start to Video Search
www.3playmedia.com
twitter: @3playmedia
live tweet: #a11y
 Type questions in the control panel during the presentation
 This presentation is being recorded and will be available for replay
 To view live captions, please follow the link in the chat window
Lanya Butler
Product Engineer
CJ Johnson
CTO
Lily Bond
Director of Marketing
Agenda
‣ The Basis for Video Search
‣ Benefits of Captions, Transcripts, & Video Search Tools
‣ P3 SDK Interactive Transcript Architecture
‣ Examples
– Basic: switching from old embed to SDK embed
– Responsive
– Changing color schemes
– Advanced example: interactive audio book
The Basis for Video Search
‣ Transcription
The Basis for Video Search
‣ Transcription
‣ Closed captioning
The Basis for Video Search
‣ Transcription
‣ Closed captioning
‣ Interactive transcripts
‣ Video library search
What Are Interactive Transcripts?
‣ Use captions to make videos
searchable and interactive
‣ Not a replacement for captions
‣ Easy to set up
‣ Lots of customization options
‣ Top 3 innovations in online
video
Benefits
‣ Accessibility for hard of hearing
48 Million
Americans with hearing loss
Benefits
‣ Accessibility for hard of hearing
‣ Better comprehension
‣ Flexibility to view in noise-sensitive
environments
80%Of people who use captions
don’t have hearing disability
Benefits
‣ Accessibility for hard of hearing
‣ Better comprehension
‣ Flexibility to view in noise-sensitive
environments
‣ SEO: more inbound traffic
7.3%
Increase in views
from captions
Benefits
‣ Accessibility for hard of hearing
‣ Better comprehension
‣ Flexibility to view in noise-sensitive
environments
‣ SEO: more inbound traffic
‣ Reusability
50%
Students who use
transcripts for study guides
Benefits
‣ Accessibility for hard of hearing
‣ Better comprehension
‣ Flexibility to view in noise-sensitive
environments
‣ SEO: more inbound traffic
‣ Reusability
‣ Translation to foreign languages
Survey About Interactive Transcripts
Significantly enhances (57%)
Enhances (40%)
Detracts (1.7%)
Greatly detracts (3.4%)
97% of MIT OpenCourseWare students said interactive
transcripts enhanced their learning experience
New plugin architecture
‣ Response to previous P3 version
‣ Flexible customization options
– Color schemes
– Layout
– Event listeners and handlers
– Asset hosting
‣ Focus on activating features with HTML class
names
Examples: Basic
‣ p3sdk-container
– YouTube player embed
– p3sdk-interactive-transcript
• p3sdk-interactive-transcript-content
‣ Basic styling
– Transcript paragraphs justified alignment
– Current word is red
http://interactive.3playmedia.com/p3sdk/basic.html
PICTURE
Examples: Changing Color Schemes
‣ Basic CSS modifications
‣ Components
– Currently spoken word
– Progress bar
– Download link
– Search box
– Collapse button
PICTURE
http://interactive.3playmedia.com/p3sdk/custom.html
Examples: Responsive
‣ Twitter Bootstrap responsive layout
‣ Remove components for mobile display
‣ Hide features that are not compatible with iOS
PICTURE
http://interactive.3playmedia.com/p3sdk/responsive/index.html
Advanced Example: Interactive Audiobook
‣ Advanced CSS
‣ Advanced Javascript binding to events
‣ External Controls
http://interactive.3playmedia.com/p3sdk/audiobook/index.html
119
CJ Johnson
CTO
Lanya Butler
Product Engineer
Lily Bond
Director of Marketing
lily@3playmedia.com
617-764-5189 x119
Q&A
Register for upcoming webinars at:
http://www.3playmedia.com/webinars/
Upcoming Webinars
 Legal Year in Review – Digital Accessibility Cases
 The Road to Sustainable Corporate Accessibility
 The Future of Captioning in Higher Ed (Coming soon!)
 Examples seen today can be found at:
 http://interactive.3playmedia.com/p3sdk/basic.html

Weitere ähnliche Inhalte

Was ist angesagt?

The Future of Video Player Accessibility
The Future of Video Player AccessibilityThe Future of Video Player Accessibility
The Future of Video Player Accessibility
3Play Media
 

Was ist angesagt? (20)

Quick Start to Captioning 02-06-2020
Quick Start to Captioning 02-06-2020Quick Start to Captioning 02-06-2020
Quick Start to Captioning 02-06-2020
 
10 Tips for Creating Accessible Online Course Content
10 Tips for Creating Accessible Online Course Content10 Tips for Creating Accessible Online Course Content
10 Tips for Creating Accessible Online Course Content
 
How Yahoo Is Making Their Technology Accessible to Everyone
How Yahoo Is Making Their Technology Accessible to EveryoneHow Yahoo Is Making Their Technology Accessible to Everyone
How Yahoo Is Making Their Technology Accessible to Everyone
 
Video Accessibility Toolkit for Success in a Virtual Environment
Video Accessibility Toolkit for Success in a Virtual EnvironmentVideo Accessibility Toolkit for Success in a Virtual Environment
Video Accessibility Toolkit for Success in a Virtual Environment
 
Portland Community College: Best Practices for Video Captioning
Portland Community College: Best Practices for Video CaptioningPortland Community College: Best Practices for Video Captioning
Portland Community College: Best Practices for Video Captioning
 
The Future of Video Player Accessibility
The Future of Video Player AccessibilityThe Future of Video Player Accessibility
The Future of Video Player Accessibility
 
Improving Engagement and Comprehension of Training Videos the Oracle Way
Improving Engagement and Comprehension of Training Videos the Oracle WayImproving Engagement and Comprehension of Training Videos the Oracle Way
Improving Engagement and Comprehension of Training Videos the Oracle Way
 
ADA Website Compliance: How to Start and Why it Matters Now
ADA Website Compliance: How to Start and Why it Matters NowADA Website Compliance: How to Start and Why it Matters Now
ADA Website Compliance: How to Start and Why it Matters Now
 
What is Accessibility and Why Does it Matter to Netflix?
What is Accessibility and Why Does it Matter to Netflix?What is Accessibility and Why Does it Matter to Netflix?
What is Accessibility and Why Does it Matter to Netflix?
 
Pennsylvania State of Higher Education (PASSHE) Virtual Conference
 Pennsylvania State of Higher Education (PASSHE) Virtual Conference Pennsylvania State of Higher Education (PASSHE) Virtual Conference
Pennsylvania State of Higher Education (PASSHE) Virtual Conference
 
State of Video in 2020
State of Video in 2020 State of Video in 2020
State of Video in 2020
 
How to Build an Accessible Presentation
How to Build an Accessible PresentationHow to Build an Accessible Presentation
How to Build an Accessible Presentation
 
10 Tips for Creating Accessible Web Content with WCAG 2.0
10 Tips for Creating Accessible Web Content with WCAG 2.010 Tips for Creating Accessible Web Content with WCAG 2.0
10 Tips for Creating Accessible Web Content with WCAG 2.0
 
SPIE: Evolving the Conference Experience
SPIE: Evolving the Conference ExperienceSPIE: Evolving the Conference Experience
SPIE: Evolving the Conference Experience
 
Video Accessibility at the University of Washington
Video Accessibility at the University of WashingtonVideo Accessibility at the University of Washington
Video Accessibility at the University of Washington
 
3Play on Campus: Research on Closed Captioning in Higher Ed
3Play on Campus: Research on Closed Captioning in Higher Ed3Play on Campus: Research on Closed Captioning in Higher Ed
3Play on Campus: Research on Closed Captioning in Higher Ed
 
Live Auto Captioning Office Hours
Live Auto Captioning Office HoursLive Auto Captioning Office Hours
Live Auto Captioning Office Hours
 
Video Accessibility with 3Play Media
Video Accessibility with 3Play MediaVideo Accessibility with 3Play Media
Video Accessibility with 3Play Media
 
Tune Into the Power of Podcasting
Tune Into the Power of PodcastingTune Into the Power of Podcasting
Tune Into the Power of Podcasting
 
Live Automatic Captioning Workshop
Live Automatic Captioning WorkshopLive Automatic Captioning Workshop
Live Automatic Captioning Workshop
 

Andere mochten auch

National Research Results: How Different Student Subgroups Use Closed Captioning
National Research Results: How Different Student Subgroups Use Closed CaptioningNational Research Results: How Different Student Subgroups Use Closed Captioning
National Research Results: How Different Student Subgroups Use Closed Captioning
3Play Media
 
Closed Captioning Online Video Clips for FCC Compliance
Closed Captioning Online Video Clips for FCC ComplianceClosed Captioning Online Video Clips for FCC Compliance
Closed Captioning Online Video Clips for FCC Compliance
3Play Media
 

Andere mochten auch (20)

How to Implement Accessible Lecture Capture
How to Implement Accessible Lecture CaptureHow to Implement Accessible Lecture Capture
How to Implement Accessible Lecture Capture
 
In-House Captioning Workflows and Economic Analysis
In-House Captioning Workflows and Economic AnalysisIn-House Captioning Workflows and Economic Analysis
In-House Captioning Workflows and Economic Analysis
 
Making Video Communications and Training Searchable and Accessible
Making Video Communications and Training Searchable and AccessibleMaking Video Communications and Training Searchable and Accessible
Making Video Communications and Training Searchable and Accessible
 
National Research Results: How Different Student Subgroups Use Closed Captioning
National Research Results: How Different Student Subgroups Use Closed CaptioningNational Research Results: How Different Student Subgroups Use Closed Captioning
National Research Results: How Different Student Subgroups Use Closed Captioning
 
National Research Results: How Colleges Nationwide Are Handling Captioning
National Research Results: How Colleges Nationwide Are Handling CaptioningNational Research Results: How Colleges Nationwide Are Handling Captioning
National Research Results: How Colleges Nationwide Are Handling Captioning
 
Closed Captioning Online Video Clips for FCC Compliance
Closed Captioning Online Video Clips for FCC ComplianceClosed Captioning Online Video Clips for FCC Compliance
Closed Captioning Online Video Clips for FCC Compliance
 
The Legal Year in Review: Digital Access Cases
The Legal Year in Review: Digital Access CasesThe Legal Year in Review: Digital Access Cases
The Legal Year in Review: Digital Access Cases
 
Accessible Video Captioning for Blended Learning and Lecture Capture
Accessible Video Captioning for Blended Learning and Lecture CaptureAccessible Video Captioning for Blended Learning and Lecture Capture
Accessible Video Captioning for Blended Learning and Lecture Capture
 
Accessibility Strategies for Educational Online Video
Accessibility Strategies for Educational Online VideoAccessibility Strategies for Educational Online Video
Accessibility Strategies for Educational Online Video
 
How Copyright Law and Fair Use Impact Third Party Captioning
How Copyright Law and Fair Use Impact Third Party CaptioningHow Copyright Law and Fair Use Impact Third Party Captioning
How Copyright Law and Fair Use Impact Third Party Captioning
 
Section 508 and 504 Video Captioning Requirements, Workflows, and Best Practices
Section 508 and 504 Video Captioning Requirements, Workflows, and Best PracticesSection 508 and 504 Video Captioning Requirements, Workflows, and Best Practices
Section 508 and 504 Video Captioning Requirements, Workflows, and Best Practices
 
Quick Start to Captioning 12-08-2016
Quick Start to Captioning 12-08-2016Quick Start to Captioning 12-08-2016
Quick Start to Captioning 12-08-2016
 
The FCC Explains Their 2016 Order on Closed Captioning Responsibility
The FCC Explains Their 2016 Order on Closed Captioning ResponsibilityThe FCC Explains Their 2016 Order on Closed Captioning Responsibility
The FCC Explains Their 2016 Order on Closed Captioning Responsibility
 
10 Tips for Implementing Accessible Online Media
10 Tips for Implementing Accessible Online Media10 Tips for Implementing Accessible Online Media
10 Tips for Implementing Accessible Online Media
 
The Impact of Recent Lawsuits on Video Accessibility Requirements
The Impact of Recent Lawsuits on Video Accessibility RequirementsThe Impact of Recent Lawsuits on Video Accessibility Requirements
The Impact of Recent Lawsuits on Video Accessibility Requirements
 
Implementing and Evaluating Web Application Accessibility
Implementing and Evaluating Web Application AccessibilityImplementing and Evaluating Web Application Accessibility
Implementing and Evaluating Web Application Accessibility
 
Creating Accessible PDFs with Acrobat: Requirements, Implementation, and Eval...
Creating Accessible PDFs with Acrobat: Requirements, Implementation, and Eval...Creating Accessible PDFs with Acrobat: Requirements, Implementation, and Eval...
Creating Accessible PDFs with Acrobat: Requirements, Implementation, and Eval...
 
The Long Road from Reactive to Proactive: Developing an Accessibility Strategy
The Long Road from Reactive to Proactive: Developing an Accessibility StrategyThe Long Road from Reactive to Proactive: Developing an Accessibility Strategy
The Long Road from Reactive to Proactive: Developing an Accessibility Strategy
 
Empowering YouTube for Higher Education
Empowering YouTube for Higher EducationEmpowering YouTube for Higher Education
Empowering YouTube for Higher Education
 
Implementing Universal and Inclusive Design for Online Learning Accessibility
Implementing Universal and Inclusive Design for Online Learning AccessibilityImplementing Universal and Inclusive Design for Online Learning Accessibility
Implementing Universal and Inclusive Design for Online Learning Accessibility
 

Ähnlich wie Quick Start to Video Search

Ähnlich wie Quick Start to Video Search (20)

Quick Start to Captioning 05-07-2015
Quick Start to Captioning 05-07-2015Quick Start to Captioning 05-07-2015
Quick Start to Captioning 05-07-2015
 
Quick Start to Captioning 2/5/2015
Quick Start to Captioning 2/5/2015Quick Start to Captioning 2/5/2015
Quick Start to Captioning 2/5/2015
 
Quick Start to Captioning
Quick Start to CaptioningQuick Start to Captioning
Quick Start to Captioning
 
Quick Start to Captioning Webinar: 11-06-2014
Quick Start to Captioning Webinar: 11-06-2014Quick Start to Captioning Webinar: 11-06-2014
Quick Start to Captioning Webinar: 11-06-2014
 
Quick Start to Captioning 06-22-2017
Quick Start to Captioning 06-22-2017Quick Start to Captioning 06-22-2017
Quick Start to Captioning 06-22-2017
 
Quick Start to Captioning
Quick Start to CaptioningQuick Start to Captioning
Quick Start to Captioning
 
Quick Start to Captioning Webinar: 08-28-2014
Quick Start to Captioning Webinar: 08-28-2014Quick Start to Captioning Webinar: 08-28-2014
Quick Start to Captioning Webinar: 08-28-2014
 
Is Drupal Right for Universities?
Is Drupal Right for Universities?Is Drupal Right for Universities?
Is Drupal Right for Universities?
 
Video Captioning for Accessibility: University of Florida and Regis Universit...
Video Captioning for Accessibility: University of Florida and Regis Universit...Video Captioning for Accessibility: University of Florida and Regis Universit...
Video Captioning for Accessibility: University of Florida and Regis Universit...
 
Quick Start to Captioning
Quick Start to CaptioningQuick Start to Captioning
Quick Start to Captioning
 
Quick Start to Captioning
Quick Start to CaptioningQuick Start to Captioning
Quick Start to Captioning
 
Quick Start to Captioning 09-14-2017
Quick Start to Captioning 09-14-2017Quick Start to Captioning 09-14-2017
Quick Start to Captioning 09-14-2017
 
Tips for Creating an Accessible & Engaging Virtual Classroom
Tips for Creating an Accessible & Engaging Virtual ClassroomTips for Creating an Accessible & Engaging Virtual Classroom
Tips for Creating an Accessible & Engaging Virtual Classroom
 
Leveraging Closed Captions and Transcripts: 3Play Media, Johns Hopkins Univer...
Leveraging Closed Captions and Transcripts: 3Play Media, Johns Hopkins Univer...Leveraging Closed Captions and Transcripts: 3Play Media, Johns Hopkins Univer...
Leveraging Closed Captions and Transcripts: 3Play Media, Johns Hopkins Univer...
 
Quick Start to Captioning 06-14-2018
Quick Start to Captioning 06-14-2018Quick Start to Captioning 06-14-2018
Quick Start to Captioning 06-14-2018
 
Understanding and Executing on API Developer Experience
Understanding and Executing on API Developer ExperienceUnderstanding and Executing on API Developer Experience
Understanding and Executing on API Developer Experience
 
Quick Start to Captioning
Quick Start to CaptioningQuick Start to Captioning
Quick Start to Captioning
 
Quick Start to Captioning
Quick Start to CaptioningQuick Start to Captioning
Quick Start to Captioning
 
Quick Start to Captioning 03-01-2018
Quick Start to Captioning 03-01-2018Quick Start to Captioning 03-01-2018
Quick Start to Captioning 03-01-2018
 
Quick Start to Captioning 09-08-2016
Quick Start to Captioning 09-08-2016Quick Start to Captioning 09-08-2016
Quick Start to Captioning 09-08-2016
 

Mehr von 3Play Media

Mehr von 3Play Media (20)

Advancing Equity and Inclusion for Deaf Students in Higher Education
Advancing Equity and Inclusion for Deaf Students in Higher EducationAdvancing Equity and Inclusion for Deaf Students in Higher Education
Advancing Equity and Inclusion for Deaf Students in Higher Education
 
"Am I Doing This Right?" Imposter Syndrome and Accessibility Maturity
"Am I Doing This Right?" Imposter Syndrome and Accessibility Maturity"Am I Doing This Right?" Imposter Syndrome and Accessibility Maturity
"Am I Doing This Right?" Imposter Syndrome and Accessibility Maturity
 
The 3Play Way: Real-Time Captioning in Higher Education
The 3Play Way: Real-Time Captioning in Higher EducationThe 3Play Way: Real-Time Captioning in Higher Education
The 3Play Way: Real-Time Captioning in Higher Education
 
Developing a Centrally Supported Captioning System with Utah State University
Developing a Centrally Supported Captioning System with Utah State UniversityDeveloping a Centrally Supported Captioning System with Utah State University
Developing a Centrally Supported Captioning System with Utah State University
 
Developing a Centrally Supported Captioning System with Utah State University
Developing a Centrally Supported Captioning System with Utah State UniversityDeveloping a Centrally Supported Captioning System with Utah State University
Developing a Centrally Supported Captioning System with Utah State University
 
Lessons Learned: Canada’s Past, Present, and Future Leadership in Digital Acc...
Lessons Learned: Canada’s Past, Present, and Future Leadership in Digital Acc...Lessons Learned: Canada’s Past, Present, and Future Leadership in Digital Acc...
Lessons Learned: Canada’s Past, Present, and Future Leadership in Digital Acc...
 
Product Innovation is on the Edge
Product Innovation is on the EdgeProduct Innovation is on the Edge
Product Innovation is on the Edge
 
Why Every Company Needs to Think and Act Like a Media Company
Why Every Company Needs to Think and Act Like a Media CompanyWhy Every Company Needs to Think and Act Like a Media Company
Why Every Company Needs to Think and Act Like a Media Company
 
2023 State of Automatic Speech Recognition
2023 State of Automatic Speech Recognition2023 State of Automatic Speech Recognition
2023 State of Automatic Speech Recognition
 
Complex Identities: The Intersection of Disability with Race, Culture, Gender...
Complex Identities: The Intersection of Disability with Race, Culture, Gender...Complex Identities: The Intersection of Disability with Race, Culture, Gender...
Complex Identities: The Intersection of Disability with Race, Culture, Gender...
 
Accessibility as a Gateway to Creativity
Accessibility as a Gateway to CreativityAccessibility as a Gateway to Creativity
Accessibility as a Gateway to Creativity
 
Disability Inclusion for Leadership
Disability Inclusion for LeadershipDisability Inclusion for Leadership
Disability Inclusion for Leadership
 
How to Tell Whether UDL is Working
How to Tell Whether UDL is WorkingHow to Tell Whether UDL is Working
How to Tell Whether UDL is Working
 
Neurodivergency at work (P2) – 3Play and B-I.pdf
Neurodivergency at work (P2) – 3Play and B-I.pdfNeurodivergency at work (P2) – 3Play and B-I.pdf
Neurodivergency at work (P2) – 3Play and B-I.pdf
 
Neurodiversity in the Workplace - Part 1
Neurodiversity in the Workplace - Part 1Neurodiversity in the Workplace - Part 1
Neurodiversity in the Workplace - Part 1
 
How To Deliver an Accessible Online Presentation
How To Deliver an Accessible Online PresentationHow To Deliver an Accessible Online Presentation
How To Deliver an Accessible Online Presentation
 
Power of an Accessible Website.pdf
Power of an Accessible Website.pdfPower of an Accessible Website.pdf
Power of an Accessible Website.pdf
 
2022 Digital Accessibility Legal Update.pdf
2022 Digital Accessibility Legal Update.pdf2022 Digital Accessibility Legal Update.pdf
2022 Digital Accessibility Legal Update.pdf
 
Intro to Live Captioning for Broadcast.pdf
Intro to Live Captioning for Broadcast.pdfIntro to Live Captioning for Broadcast.pdf
Intro to Live Captioning for Broadcast.pdf
 
How to Scale a Sustainable Accessibility Program
How to Scale a Sustainable Accessibility Program How to Scale a Sustainable Accessibility Program
How to Scale a Sustainable Accessibility Program
 

Kürzlich hochgeladen

Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
UXDXConf
 

Kürzlich hochgeladen (20)

Microsoft CSP Briefing Pre-Engagement - Questionnaire
Microsoft CSP Briefing Pre-Engagement - QuestionnaireMicrosoft CSP Briefing Pre-Engagement - Questionnaire
Microsoft CSP Briefing Pre-Engagement - Questionnaire
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
 
Oauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoftOauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoft
 
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
 
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
 
AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101
 
WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 
Using IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & IrelandUsing IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & Ireland
 
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
 
A Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyA Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System Strategy
 
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
 
Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
 
State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!
 
IESVE for Early Stage Design and Planning
IESVE for Early Stage Design and PlanningIESVE for Early Stage Design and Planning
IESVE for Early Stage Design and Planning
 
How we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfHow we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdf
 
Overview of Hyperledger Foundation
Overview of Hyperledger FoundationOverview of Hyperledger Foundation
Overview of Hyperledger Foundation
 
Powerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara LaskowskaPowerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara Laskowska
 
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on ThanabotsContinuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
 

Quick Start to Video Search

  • 1. Quick Start to Video Search www.3playmedia.com twitter: @3playmedia live tweet: #a11y  Type questions in the control panel during the presentation  This presentation is being recorded and will be available for replay  To view live captions, please follow the link in the chat window Lanya Butler Product Engineer CJ Johnson CTO Lily Bond Director of Marketing
  • 2.
  • 3. Agenda ‣ The Basis for Video Search ‣ Benefits of Captions, Transcripts, & Video Search Tools ‣ P3 SDK Interactive Transcript Architecture ‣ Examples – Basic: switching from old embed to SDK embed – Responsive – Changing color schemes – Advanced example: interactive audio book
  • 4. The Basis for Video Search ‣ Transcription
  • 5. The Basis for Video Search ‣ Transcription ‣ Closed captioning
  • 6. The Basis for Video Search ‣ Transcription ‣ Closed captioning ‣ Interactive transcripts ‣ Video library search
  • 7. What Are Interactive Transcripts? ‣ Use captions to make videos searchable and interactive ‣ Not a replacement for captions ‣ Easy to set up ‣ Lots of customization options ‣ Top 3 innovations in online video
  • 8. Benefits ‣ Accessibility for hard of hearing 48 Million Americans with hearing loss
  • 9. Benefits ‣ Accessibility for hard of hearing ‣ Better comprehension ‣ Flexibility to view in noise-sensitive environments 80%Of people who use captions don’t have hearing disability
  • 10. Benefits ‣ Accessibility for hard of hearing ‣ Better comprehension ‣ Flexibility to view in noise-sensitive environments ‣ SEO: more inbound traffic 7.3% Increase in views from captions
  • 11. Benefits ‣ Accessibility for hard of hearing ‣ Better comprehension ‣ Flexibility to view in noise-sensitive environments ‣ SEO: more inbound traffic ‣ Reusability 50% Students who use transcripts for study guides
  • 12. Benefits ‣ Accessibility for hard of hearing ‣ Better comprehension ‣ Flexibility to view in noise-sensitive environments ‣ SEO: more inbound traffic ‣ Reusability ‣ Translation to foreign languages
  • 13. Survey About Interactive Transcripts Significantly enhances (57%) Enhances (40%) Detracts (1.7%) Greatly detracts (3.4%) 97% of MIT OpenCourseWare students said interactive transcripts enhanced their learning experience
  • 14. New plugin architecture ‣ Response to previous P3 version ‣ Flexible customization options – Color schemes – Layout – Event listeners and handlers – Asset hosting ‣ Focus on activating features with HTML class names
  • 15. Examples: Basic ‣ p3sdk-container – YouTube player embed – p3sdk-interactive-transcript • p3sdk-interactive-transcript-content ‣ Basic styling – Transcript paragraphs justified alignment – Current word is red http://interactive.3playmedia.com/p3sdk/basic.html PICTURE
  • 16. Examples: Changing Color Schemes ‣ Basic CSS modifications ‣ Components – Currently spoken word – Progress bar – Download link – Search box – Collapse button PICTURE http://interactive.3playmedia.com/p3sdk/custom.html
  • 17. Examples: Responsive ‣ Twitter Bootstrap responsive layout ‣ Remove components for mobile display ‣ Hide features that are not compatible with iOS PICTURE http://interactive.3playmedia.com/p3sdk/responsive/index.html
  • 18. Advanced Example: Interactive Audiobook ‣ Advanced CSS ‣ Advanced Javascript binding to events ‣ External Controls http://interactive.3playmedia.com/p3sdk/audiobook/index.html
  • 19. 119 CJ Johnson CTO Lanya Butler Product Engineer Lily Bond Director of Marketing lily@3playmedia.com 617-764-5189 x119 Q&A Register for upcoming webinars at: http://www.3playmedia.com/webinars/ Upcoming Webinars  Legal Year in Review – Digital Accessibility Cases  The Road to Sustainable Corporate Accessibility  The Future of Captioning in Higher Ed (Coming soon!)  Examples seen today can be found at:  http://interactive.3playmedia.com/p3sdk/basic.html

Hinweis der Redaktion

  1. 48 million: growing Medical advancements, decade of war, living longer
  2. Office of Communications in the UK Accent, complex, background noise, ESL Offices, libraries, gyms
  3. Google can’t watch a video DDN – 7.3% lifetime, 14% in first 2 weeks
  4. University of Wisconsin study Repurpose
  5. - Accessible on global scale, expand reach