SlideShare a Scribd company logo
1 of 48
Download to read offline
Video
Captioning on
  the Web
Russell Heimlich
★ Sole developer at the Pew Research Center
★ Creator of dummyimage.com
★ Frontend and Backend Developer
★ I care about accessibility
What Are Video Captions?
“Captions are text versions of the spoken
word allowing the content of web audio
and video to be accessible to those who
     do not have access to audio.”
             – WebAim.org
What Are Video Captions?
★ You know them as the text on the bottom
Captions vs. Subtitles
★ Captions are a transcript of the audio and key
  sound effects for deaf viewers.


★ Subtitles are translations of the audio in another
  language for hearing viewers.


★ http://joeclark.org/appearances/AEA/2007/
Open Captions vs. Closed Captions
★ Open captions are burned in to the video and
  always on the screen.


★ Closed captions can be turned on or off and are
  independent of the video.
Open Captions vs. Closed Captions
★ Open captions are like a flattened image
★ Closed captions are like Photoshop layers
Who Benefits from Captions?
★ Deaf viewers
★ Hard of hearing
★ Second language
  learners

★ Anyone watching TV
  in a noisy
  environment

★ Machines (online)
The History of Captions
  How we got to where we are today...
PBS’ French Chef (1972)
★ First television program that was accessible to
  deaf and hard of hearing viewers.


★ Used “Open” Captions (burned onto the video)


★ Source: http://www.ncicap.org/caphist.asp
Closed Captioning
★ First demonstrated in 1971 at a Hearing
  Impaired conference in Nashville.


★ 2nd Demo at Gallaudet College (now Gallaudet
  University) on February 15, 1972.


★ PBS station WETA broadcasted the first closed
  captioned programming in 1973.
The Early Years of Closed Captioning
★ Real-time closed captioning wasn’t available
  until 1982.
★ A separate set-top box was needed to decode
Television Decoder Circuitry Act of 1990
★ Gave FCC power to enact rules on the
  implementation of Closed Captioning.


★ Required screens 13” or greater to have built-in
  chip to display closed captions.


★ Enforced on July 1st, 1993
1990 Americans with Disabilities Act
★ Ensures equal opportunity for persons with
  disabilities


★ Public facilities (excluding movie theaters) had
  to provide access to verbal information on
  televisions, films or slide shows
Telecommunications Act of 1996
Requires people or companies that distribute
television programs directly to home viewers to
make sure those programs are captioned by
January 1, 1998.


Source: National Institute on Deafness and Other
Communication Disorders
21st Century Communications and Video
       Accessibility Act of 2010
★ Requires broadcasters to provide captioning for
  television programs redistributed on the web.




★ Source: Bill H.R. 3101
How Do I
 Caption My
Online Videos?
By Online I Really Mean YouTube
★ YouTube receives 48 hours of video a minute
★ 3 Billion views a day!
★ According to ComScore, as of April 2011,
  YouTube is the top online video property.


★ Source: YouTube Blog & ComScore
In other words...
Paid Captioning Services
   For those with more money than time
CPCweb.com
★ $95 for 30 seconds
★ 2 hours for $1,420
Vitac.com
★ $7.50 / video minute
★ $75 minimum
VideoTranscription.net
★ $3 / video minute
★ Done by humans
SpeakerText.com
★ $2 / video minute
★ Machine / Human Analysis
Do It Yourself Tools
For those with more time than money
Overstream.net
yt-subs.appspot.com
Subtitle-Horse.com
CaptionTube.appspot.com
WikiCaptions.org
UniversalSubtitles.org
What about YouTube itself?
Adding Captions Screen
Upload Your Own
★ Supports SubViewer (.sub) and SubRip (.srt)
★ YouTube has it’s own similar format called SBV
★ Any of these can be created in a text editor


★ YouTube will convert it to SBV for you!
SubViewer (.sub) Format
{Start frame}{End frame}Text ( | = line break )

{1471}{1538}..and the continuance|of their parents' rage,...
{1540}{1634}..which, but their children's end,|nought could
remove,...
{1636}{1702}..is now the two hours' traffic|of our stage.
SubRip (.srt) Format
Subtitle Number
Start time --> End time (HH:MM:SS,milliseconds)
Text (one or more lines)
Blank line

1
00:00:20,000 --> 00:00:24,400
Altocumulus clouds occur between six thousand

2
00:00:24,600 --> 00:00:27,800
and twenty thousand feet above ground level.
YouTube’s SBV Format
Start time, End time (H:MM:SS.milliseconds)
Text (one or more lines)

0:00:03.490,0:00:07.430
>> FISHER: All right. So, let's begin.
This session is: Going Social

0:00:07.430,0:00:11.600
with the YouTube APIs. I am
Jeff Fisher,

0:00:14.009,0:00:15.889
[pause]
Upload A Transcript
★ No timecode? No problem.


★ Upload a transcription and YouTube will sync it
  to the video automatically


★ English and Japanese Only
Automatic Transcriptions
★ Uses speech recognition to auto-caption video


★ Same quality as Google Voice Transcriptions


★ Manually Started (could take a few days)


★ Source: googlesystem.blogspot.com
YouTube Captions Fail
Auto-translate Captions From the Player
★ Machine translation available on the fly.
YouTube Caption Limitations
★ You can only add captions to your own videos!


★ Poor audio quality = poor caption quality


★ Caption data only available via API to
  logged-in users
Other YouTube Caption Tricks
★ Add ,cc to any search to show only captioned
  videos
★ In the player, press...
  + to increase font
  - to decrese
  B or b to toggle caption background
★ Captions are repositionable (YouTube.com only)
To sum things up...
★ Video captions are important
★ Plenty of services to do caption videos for you
★ Not a lot of good tools available
★ Tedious to create captions from scratch today
★ YouTube is easier/cheap way to caption videos
One More
 Thing...
Demo of VidCapper.com
The End. Questions?
★ Follow @kingkool68
★ Follow @VidCapper and VidCapper.com




★ Accessibility DC Meetup June 21, MLK Library
★ Accessibility Camp DC, October 22

More Related Content

What's hot

AR-AI - augmented reality with artificial intelligence
AR-AI - augmented reality with artificial intelligenceAR-AI - augmented reality with artificial intelligence
AR-AI - augmented reality with artificial intelligencePetr Royce
 
Simplified Introduction to AI
Simplified Introduction to AISimplified Introduction to AI
Simplified Introduction to AIDeepu S Nath
 
Artificial Intelligence - AI For Everyone
Artificial Intelligence - AI For EveryoneArtificial Intelligence - AI For Everyone
Artificial Intelligence - AI For EveryoneSridhar Seshadri
 
Natural Language Processing
Natural Language ProcessingNatural Language Processing
Natural Language ProcessingAkhilPolisetty
 
Types Of Artificial Intelligence | Edureka
Types Of Artificial Intelligence | EdurekaTypes Of Artificial Intelligence | Edureka
Types Of Artificial Intelligence | EdurekaEdureka!
 
Natural Language Processing
Natural Language ProcessingNatural Language Processing
Natural Language ProcessingBhavya Chawla
 
AiArtificial Itelligence
AiArtificial ItelligenceAiArtificial Itelligence
AiArtificial ItelligenceAlisha Korpal
 
Artificial intelligence - An Overview
Artificial intelligence - An OverviewArtificial intelligence - An Overview
Artificial intelligence - An OverviewGiri Dharan
 
Natural Language Processing
Natural Language ProcessingNatural Language Processing
Natural Language ProcessingVeenaSKumar2
 
The Rise of Deep Fake Technology: A Comprehensive Guide
The Rise of Deep Fake Technology: A Comprehensive GuideThe Rise of Deep Fake Technology: A Comprehensive Guide
The Rise of Deep Fake Technology: A Comprehensive Guidefindeverything
 
What is Artificial Intelligence | Artificial Intelligence Tutorial For Beginn...
What is Artificial Intelligence | Artificial Intelligence Tutorial For Beginn...What is Artificial Intelligence | Artificial Intelligence Tutorial For Beginn...
What is Artificial Intelligence | Artificial Intelligence Tutorial For Beginn...Edureka!
 
Artificial intelligence for speech recognition
Artificial intelligence for speech recognitionArtificial intelligence for speech recognition
Artificial intelligence for speech recognitionsowmith chatlapally
 

What's hot (20)

AR-AI - augmented reality with artificial intelligence
AR-AI - augmented reality with artificial intelligenceAR-AI - augmented reality with artificial intelligence
AR-AI - augmented reality with artificial intelligence
 
Artificial Intelligence
Artificial IntelligenceArtificial Intelligence
Artificial Intelligence
 
Simplified Introduction to AI
Simplified Introduction to AISimplified Introduction to AI
Simplified Introduction to AI
 
Introduction to ai
Introduction to aiIntroduction to ai
Introduction to ai
 
Artificial Intelligence - AI For Everyone
Artificial Intelligence - AI For EveryoneArtificial Intelligence - AI For Everyone
Artificial Intelligence - AI For Everyone
 
Natural Language Processing
Natural Language ProcessingNatural Language Processing
Natural Language Processing
 
Types Of Artificial Intelligence | Edureka
Types Of Artificial Intelligence | EdurekaTypes Of Artificial Intelligence | Edureka
Types Of Artificial Intelligence | Edureka
 
Natural Language Processing
Natural Language ProcessingNatural Language Processing
Natural Language Processing
 
AiArtificial Itelligence
AiArtificial ItelligenceAiArtificial Itelligence
AiArtificial Itelligence
 
Artificial intelligence - An Overview
Artificial intelligence - An OverviewArtificial intelligence - An Overview
Artificial intelligence - An Overview
 
Natural Language Processing
Natural Language ProcessingNatural Language Processing
Natural Language Processing
 
Let's Build a Chatbot!
Let's Build a Chatbot!Let's Build a Chatbot!
Let's Build a Chatbot!
 
The Rise of Deep Fake Technology: A Comprehensive Guide
The Rise of Deep Fake Technology: A Comprehensive GuideThe Rise of Deep Fake Technology: A Comprehensive Guide
The Rise of Deep Fake Technology: A Comprehensive Guide
 
History of AI
History of AIHistory of AI
History of AI
 
AI
AIAI
AI
 
What is Artificial Intelligence | Artificial Intelligence Tutorial For Beginn...
What is Artificial Intelligence | Artificial Intelligence Tutorial For Beginn...What is Artificial Intelligence | Artificial Intelligence Tutorial For Beginn...
What is Artificial Intelligence | Artificial Intelligence Tutorial For Beginn...
 
Deep fake
Deep fakeDeep fake
Deep fake
 
AI Chatbot
AI ChatbotAI Chatbot
AI Chatbot
 
Artificial intelligence for speech recognition
Artificial intelligence for speech recognitionArtificial intelligence for speech recognition
Artificial intelligence for speech recognition
 
Computer vision
Computer visionComputer vision
Computer vision
 

Similar to Video Captioning on the Web

Interactive media guide
Interactive media guideInteractive media guide
Interactive media guidebrownjordan
 
Video Captioning: How-To & Other Resources
Video Captioning: How-To & Other ResourcesVideo Captioning: How-To & Other Resources
Video Captioning: How-To & Other ResourcesKeira Dooley
 
Creating Integrating Video
Creating Integrating VideoCreating Integrating Video
Creating Integrating Videogetchan
 
Video Production Using Open Source Tools
Video Production Using Open Source ToolsVideo Production Using Open Source Tools
Video Production Using Open Source ToolsCrazed Mule
 
Trascrption plusv3
Trascrption plusv3Trascrption plusv3
Trascrption plusv3Ahmed NE
 
Beef Up Your Website With Audio And Video - It's Easy!
Beef Up Your Website With Audio And Video - It's Easy!Beef Up Your Website With Audio And Video - It's Easy!
Beef Up Your Website With Audio And Video - It's Easy!Melodie Laylor
 
Voice Dubbing Automation
Voice Dubbing AutomationVoice Dubbing Automation
Voice Dubbing AutomationUtkarsh Agrawal
 
DM110 - Week 6 - Video Podcasting
DM110 - Week 6 - Video PodcastingDM110 - Week 6 - Video Podcasting
DM110 - Week 6 - Video PodcastingJohn Breslin
 
Remote Video Production as a Service?
Remote Video Production as a Service?Remote Video Production as a Service?
Remote Video Production as a Service?Paul Richards
 
Closed Captioning Legal Requirements, Best Practices, and Workflows for Media...
Closed Captioning Legal Requirements, Best Practices, and Workflows for Media...Closed Captioning Legal Requirements, Best Practices, and Workflows for Media...
Closed Captioning Legal Requirements, Best Practices, and Workflows for Media...3Play Media
 
How did you use media technologies in the construction and research, planning...
How did you use media technologies in the construction and research, planning...How did you use media technologies in the construction and research, planning...
How did you use media technologies in the construction and research, planning...John Smith
 
How to contribute to WordPress TV team?
How to contribute to WordPress TV team?How to contribute to WordPress TV team?
How to contribute to WordPress TV team?Nisha Singh
 
Optimising video delivery - Brightcove PLAY 2019
Optimising video delivery - Brightcove PLAY 2019Optimising video delivery - Brightcove PLAY 2019
Optimising video delivery - Brightcove PLAY 2019Jeremy Brown
 
Speaker Recording Tips For Virtual DevOps Enterprise (And Why We're Pre-Recor...
Speaker Recording Tips For Virtual DevOps Enterprise (And Why We're Pre-Recor...Speaker Recording Tips For Virtual DevOps Enterprise (And Why We're Pre-Recor...
Speaker Recording Tips For Virtual DevOps Enterprise (And Why We're Pre-Recor...Gene Kim
 
Creating videos in the classroom
Creating videos in the classroomCreating videos in the classroom
Creating videos in the classroomLisa Campbell
 
Chapter5c McHaney 2nd edition
Chapter5c McHaney 2nd editionChapter5c McHaney 2nd edition
Chapter5c McHaney 2nd editionRoger McHaney
 

Similar to Video Captioning on the Web (20)

Interactive media guide
Interactive media guideInteractive media guide
Interactive media guide
 
Video Captioning: How-To & Other Resources
Video Captioning: How-To & Other ResourcesVideo Captioning: How-To & Other Resources
Video Captioning: How-To & Other Resources
 
Creating Integrating Video
Creating Integrating VideoCreating Integrating Video
Creating Integrating Video
 
OpenCms Days 2014 - OpenCms 9 - A video tube?
OpenCms Days 2014 - OpenCms 9 - A video tube?OpenCms Days 2014 - OpenCms 9 - A video tube?
OpenCms Days 2014 - OpenCms 9 - A video tube?
 
Video Production Using Open Source Tools
Video Production Using Open Source ToolsVideo Production Using Open Source Tools
Video Production Using Open Source Tools
 
Trascrption plusv3
Trascrption plusv3Trascrption plusv3
Trascrption plusv3
 
Beef Up Your Website With Audio And Video - It's Easy!
Beef Up Your Website With Audio And Video - It's Easy!Beef Up Your Website With Audio And Video - It's Easy!
Beef Up Your Website With Audio And Video - It's Easy!
 
Voice Dubbing Automation
Voice Dubbing AutomationVoice Dubbing Automation
Voice Dubbing Automation
 
DM110 - Week 6 - Video Podcasting
DM110 - Week 6 - Video PodcastingDM110 - Week 6 - Video Podcasting
DM110 - Week 6 - Video Podcasting
 
Remote Video Production as a Service?
Remote Video Production as a Service?Remote Video Production as a Service?
Remote Video Production as a Service?
 
Closed Captioning Legal Requirements, Best Practices, and Workflows for Media...
Closed Captioning Legal Requirements, Best Practices, and Workflows for Media...Closed Captioning Legal Requirements, Best Practices, and Workflows for Media...
Closed Captioning Legal Requirements, Best Practices, and Workflows for Media...
 
How did you use media technologies in the construction and research, planning...
How did you use media technologies in the construction and research, planning...How did you use media technologies in the construction and research, planning...
How did you use media technologies in the construction and research, planning...
 
Veoh
VeohVeoh
Veoh
 
How to contribute to WordPress TV team?
How to contribute to WordPress TV team?How to contribute to WordPress TV team?
How to contribute to WordPress TV team?
 
Optimising video delivery - Brightcove PLAY 2019
Optimising video delivery - Brightcove PLAY 2019Optimising video delivery - Brightcove PLAY 2019
Optimising video delivery - Brightcove PLAY 2019
 
Chapter5c McHaney
Chapter5c McHaneyChapter5c McHaney
Chapter5c McHaney
 
Speaker Recording Tips For Virtual DevOps Enterprise (And Why We're Pre-Recor...
Speaker Recording Tips For Virtual DevOps Enterprise (And Why We're Pre-Recor...Speaker Recording Tips For Virtual DevOps Enterprise (And Why We're Pre-Recor...
Speaker Recording Tips For Virtual DevOps Enterprise (And Why We're Pre-Recor...
 
Video Accessibility
Video Accessibility Video Accessibility
Video Accessibility
 
Creating videos in the classroom
Creating videos in the classroomCreating videos in the classroom
Creating videos in the classroom
 
Chapter5c McHaney 2nd edition
Chapter5c McHaney 2nd editionChapter5c McHaney 2nd edition
Chapter5c McHaney 2nd edition
 

More from Russell Heimlich

Cache Rules Everything Around Me
Cache Rules Everything Around MeCache Rules Everything Around Me
Cache Rules Everything Around MeRussell Heimlich
 
Accessibility Lightning Talk
Accessibility Lightning TalkAccessibility Lightning Talk
Accessibility Lightning TalkRussell Heimlich
 
Building An Accessible Site from the Ground Up
Building An Accessible Site from the Ground UpBuilding An Accessible Site from the Ground Up
Building An Accessible Site from the Ground UpRussell Heimlich
 

More from Russell Heimlich (6)

Cache Rules Everything Around Me
Cache Rules Everything Around MeCache Rules Everything Around Me
Cache Rules Everything Around Me
 
stickyHeader.js
stickyHeader.jsstickyHeader.js
stickyHeader.js
 
Analytics And You
Analytics And YouAnalytics And You
Analytics And You
 
Accessibility Lightning Talk
Accessibility Lightning TalkAccessibility Lightning Talk
Accessibility Lightning Talk
 
Charting with Google
Charting with GoogleCharting with Google
Charting with Google
 
Building An Accessible Site from the Ground Up
Building An Accessible Site from the Ground UpBuilding An Accessible Site from the Ground Up
Building An Accessible Site from the Ground Up
 

Recently uploaded

CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...Nguyen Thanh Tu Collection
 
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxPractical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxKatherine Villaluna
 
M-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxM-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxDr. Santhosh Kumar. N
 
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationBenefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationMJDuyan
 
5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...CaraSkikne1
 
HED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfHED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfMohonDas
 
Practical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxPractical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxKatherine Villaluna
 
Presentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphPresentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphNetziValdelomar1
 
Human-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesHuman-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesMohammad Hassany
 
How to Add a many2many Relational Field in Odoo 17
How to Add a many2many Relational Field in Odoo 17How to Add a many2many Relational Field in Odoo 17
How to Add a many2many Relational Field in Odoo 17Celine George
 
How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17Celine George
 
Education and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxEducation and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxraviapr7
 
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfP4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfYu Kanazawa / Osaka University
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...raviapr7
 
How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17Celine George
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.raviapr7
 
Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxUltra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxDr. Asif Anas
 
CAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxCAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxSaurabhParmar42
 
CapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapitolTechU
 
Philosophy of Education and Educational Philosophy
Philosophy of Education  and Educational PhilosophyPhilosophy of Education  and Educational Philosophy
Philosophy of Education and Educational PhilosophyShuvankar Madhu
 

Recently uploaded (20)

CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
 
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxPractical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
 
M-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxM-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptx
 
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationBenefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive Education
 
5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...
 
HED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfHED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdf
 
Practical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxPractical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptx
 
Presentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphPresentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a Paragraph
 
Human-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesHuman-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming Classes
 
How to Add a many2many Relational Field in Odoo 17
How to Add a many2many Relational Field in Odoo 17How to Add a many2many Relational Field in Odoo 17
How to Add a many2many Relational Field in Odoo 17
 
How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17
 
Education and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxEducation and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptx
 
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfP4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...
 
How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.
 
Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxUltra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptx
 
CAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxCAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptx
 
CapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptx
 
Philosophy of Education and Educational Philosophy
Philosophy of Education  and Educational PhilosophyPhilosophy of Education  and Educational Philosophy
Philosophy of Education and Educational Philosophy
 

Video Captioning on the Web

  • 2. Russell Heimlich ★ Sole developer at the Pew Research Center ★ Creator of dummyimage.com ★ Frontend and Backend Developer ★ I care about accessibility
  • 3. What Are Video Captions? “Captions are text versions of the spoken word allowing the content of web audio and video to be accessible to those who do not have access to audio.” – WebAim.org
  • 4. What Are Video Captions? ★ You know them as the text on the bottom
  • 5. Captions vs. Subtitles ★ Captions are a transcript of the audio and key sound effects for deaf viewers. ★ Subtitles are translations of the audio in another language for hearing viewers. ★ http://joeclark.org/appearances/AEA/2007/
  • 6. Open Captions vs. Closed Captions ★ Open captions are burned in to the video and always on the screen. ★ Closed captions can be turned on or off and are independent of the video.
  • 7. Open Captions vs. Closed Captions ★ Open captions are like a flattened image ★ Closed captions are like Photoshop layers
  • 8. Who Benefits from Captions? ★ Deaf viewers ★ Hard of hearing ★ Second language learners ★ Anyone watching TV in a noisy environment ★ Machines (online)
  • 9. The History of Captions How we got to where we are today...
  • 10. PBS’ French Chef (1972) ★ First television program that was accessible to deaf and hard of hearing viewers. ★ Used “Open” Captions (burned onto the video) ★ Source: http://www.ncicap.org/caphist.asp
  • 11. Closed Captioning ★ First demonstrated in 1971 at a Hearing Impaired conference in Nashville. ★ 2nd Demo at Gallaudet College (now Gallaudet University) on February 15, 1972. ★ PBS station WETA broadcasted the first closed captioned programming in 1973.
  • 12. The Early Years of Closed Captioning ★ Real-time closed captioning wasn’t available until 1982. ★ A separate set-top box was needed to decode
  • 13. Television Decoder Circuitry Act of 1990 ★ Gave FCC power to enact rules on the implementation of Closed Captioning. ★ Required screens 13” or greater to have built-in chip to display closed captions. ★ Enforced on July 1st, 1993
  • 14. 1990 Americans with Disabilities Act ★ Ensures equal opportunity for persons with disabilities ★ Public facilities (excluding movie theaters) had to provide access to verbal information on televisions, films or slide shows
  • 15. Telecommunications Act of 1996 Requires people or companies that distribute television programs directly to home viewers to make sure those programs are captioned by January 1, 1998. Source: National Institute on Deafness and Other Communication Disorders
  • 16. 21st Century Communications and Video Accessibility Act of 2010 ★ Requires broadcasters to provide captioning for television programs redistributed on the web. ★ Source: Bill H.R. 3101
  • 17. How Do I Caption My Online Videos?
  • 18. By Online I Really Mean YouTube ★ YouTube receives 48 hours of video a minute ★ 3 Billion views a day! ★ According to ComScore, as of April 2011, YouTube is the top online video property. ★ Source: YouTube Blog & ComScore
  • 20. Paid Captioning Services For those with more money than time
  • 21. CPCweb.com ★ $95 for 30 seconds ★ 2 hours for $1,420
  • 22. Vitac.com ★ $7.50 / video minute ★ $75 minimum
  • 23. VideoTranscription.net ★ $3 / video minute ★ Done by humans
  • 24. SpeakerText.com ★ $2 / video minute ★ Machine / Human Analysis
  • 25. Do It Yourself Tools For those with more time than money
  • 34. Upload Your Own ★ Supports SubViewer (.sub) and SubRip (.srt) ★ YouTube has it’s own similar format called SBV ★ Any of these can be created in a text editor ★ YouTube will convert it to SBV for you!
  • 35. SubViewer (.sub) Format {Start frame}{End frame}Text ( | = line break ) {1471}{1538}..and the continuance|of their parents' rage,... {1540}{1634}..which, but their children's end,|nought could remove,... {1636}{1702}..is now the two hours' traffic|of our stage.
  • 36. SubRip (.srt) Format Subtitle Number Start time --> End time (HH:MM:SS,milliseconds) Text (one or more lines) Blank line 1 00:00:20,000 --> 00:00:24,400 Altocumulus clouds occur between six thousand 2 00:00:24,600 --> 00:00:27,800 and twenty thousand feet above ground level.
  • 37. YouTube’s SBV Format Start time, End time (H:MM:SS.milliseconds) Text (one or more lines) 0:00:03.490,0:00:07.430 >> FISHER: All right. So, let's begin. This session is: Going Social 0:00:07.430,0:00:11.600 with the YouTube APIs. I am Jeff Fisher, 0:00:14.009,0:00:15.889 [pause]
  • 38. Upload A Transcript ★ No timecode? No problem. ★ Upload a transcription and YouTube will sync it to the video automatically ★ English and Japanese Only
  • 39. Automatic Transcriptions ★ Uses speech recognition to auto-caption video ★ Same quality as Google Voice Transcriptions ★ Manually Started (could take a few days) ★ Source: googlesystem.blogspot.com
  • 41. Auto-translate Captions From the Player ★ Machine translation available on the fly.
  • 42. YouTube Caption Limitations ★ You can only add captions to your own videos! ★ Poor audio quality = poor caption quality ★ Caption data only available via API to logged-in users
  • 43. Other YouTube Caption Tricks ★ Add ,cc to any search to show only captioned videos ★ In the player, press... + to increase font - to decrese B or b to toggle caption background ★ Captions are repositionable (YouTube.com only)
  • 44. To sum things up...
  • 45. ★ Video captions are important ★ Plenty of services to do caption videos for you ★ Not a lot of good tools available ★ Tedious to create captions from scratch today ★ YouTube is easier/cheap way to caption videos
  • 48. The End. Questions? ★ Follow @kingkool68 ★ Follow @VidCapper and VidCapper.com ★ Accessibility DC Meetup June 21, MLK Library ★ Accessibility Camp DC, October 22