SlideShare una empresa de Scribd logo
1 de 20
Tools for Creating Captions
    for YouTube Videos
                        Graham Armfield
                             2012                            1

Coolfields Consulting                     www.coolfields.co.uk
creating effective, accessible websites           @coolfields
Accessibility London 2012
                   City University London 21st September 2011




Captioning YouTube Videos
Graham Armfield

Who am I?
  • Web developer
  • Accessibility consultant
  • Accessibility tester



                                                                                   2

   Coolfields Consulting                                        www.coolfields.co.uk
   creating effective, accessible websites                              @coolfields
Accessibility London 2012
                      City University London 21st September 2011




What this presentation will cover

  •   Why captions are a good idea
  •   Are automated captions any good?
  •   Using a transcript file
  •   More advanced tools




                                                                                      3

      Coolfields Consulting                                        www.coolfields.co.uk
      creating effective, accessible websites                              @coolfields
Accessibility London 2012
                   City University London 21st September 2011



Why captions are a good idea
  • Makes your videos accessible to wider audience
     • Those with hearing impairments
     • Those with cognitive impairments

  • Useful for those in noisy or office environments

  • Translatable – for those who speak other languages

  • Apparently also good for SEO too.
                                                                                   4

   Coolfields Consulting                                        www.coolfields.co.uk
   creating effective, accessible websites                              @coolfields
Accessibility London 2012
                   City University London 21st September 2011




Captions and YouTube

  Three options:
     • Automated captions
     • Transcript files
     • Caption files

  We’ll explore each in turn


                                                                                   5

   Coolfields Consulting                                        www.coolfields.co.uk
   creating effective, accessible websites                              @coolfields
Accessibility London 2012
                      City University London 21st September 2011




Our Test Video
  •   Not professional quality
  •   Lots of background noise and interjections
  •   Different accents and quiet voices
  •   So… like many YouTube videos




                                                                                      6

      Coolfields Consulting                                        www.coolfields.co.uk
      creating effective, accessible websites                              @coolfields
Accessibility London 2012
                   City University London 21st September 2011




Before we start

  Need to enable captions on your YouTube account

     1. Go to Settings
     2. Then Playback
     3. Check both Captions checkboxes




                                                                                   7

   Coolfields Consulting                                        www.coolfields.co.uk
   creating effective, accessible websites                              @coolfields
Accessibility London 2012
                City University London 21st September 2011




                                                                                8

Coolfields Consulting                                        www.coolfields.co.uk
creating effective, accessible websites                              @coolfields
Accessibility London 2012
                   City University London 21st September 2011




Automated Captions

  • Should appear automatically after a while

  • Occasionally service is not available

  • Sometimes it won’t produce captions

  • Give mixed results…
                                                                                   9

   Coolfields Consulting                                        www.coolfields.co.uk
   creating effective, accessible websites                              @coolfields
Accessibility London 2012
                   City University London 21st September 2011


Automated Captions




                                                                                  10

   Coolfields Consulting                                        www.coolfields.co.uk
   creating effective, accessible websites                              @coolfields
Accessibility London 2012
                   City University London 21st September 2011



Transcript File

  • Need to type up what is said and any relevant extra
    information

  • Plain text file

  • Simple syntax rules (see next slide)

  • Upload at Video Manager, Edit
                                                                                  11

   Coolfields Consulting                                        www.coolfields.co.uk
   creating effective, accessible websites                              @coolfields
Accessibility London 2012
                   City University London 21st September 2011


Transcript File Syntax
                                             Identify speaker
  >>JULIAN: This has possibly been one of
  the toughest years
                                  Line break to split caption
  to co-ordinate the judging of this
  competition
  …
  >>CUSTOMER 1: Morning All
                                                                Identify other events
                                                                   and pauses etc
  [laughter]                    [pause]
                                                                                        12

   Coolfields Consulting                                         www.coolfields.co.uk
   creating effective, accessible websites                               @coolfields
Accessibility London 2012
                   City University London 21st September 2011


Transcript File Results




                                                                                  13

   Coolfields Consulting                                        www.coolfields.co.uk
   creating effective, accessible websites                              @coolfields
Accessibility London 2012
                   City University London 21st September 2011


Caption File
  • Need to type up what is said and any relevant extra
    information – same as transcript

  • Simple syntax rules as per transcript

  • Need to add in timing marks for each caption line

  • Many formats – suggest use ttf as it’s more portable – eg
    for use with other media players

  • Upload at Video Manager, Edit
                                                                                  14

   Coolfields Consulting                                        www.coolfields.co.uk
   creating effective, accessible websites                              @coolfields
Accessibility London 2012
                   City University London 21st September 2011


Adding Timings for your Caption File

  You’ll need a tool for that…

  A number are available but I’m going to focus on one –
  subtitle-horse.com
     • Admittedly a bit fiddly and exasperating at first – but
       gets easier as you learn
     • Can import transcript file as basis for caption file
     • Or just type the text in
     • Export to a number of different file formats
                                                                                  15

   Coolfields Consulting                                        www.coolfields.co.uk
   creating effective, accessible websites                              @coolfields
Accessibility London 2012
                   City University London 21st September 2011


Subtitle Horse




                                                                                  16

   Coolfields Consulting                                        www.coolfields.co.uk
   creating effective, accessible websites                              @coolfields
Accessibility London 2012
                   City University London 21st September 2011



Add Caption File to YouTube

  • Upload at Video Manager, Edit

  • Perfect captions

  • Colouring captions is possible but not unfortunately
    in YouTube


                                                                                  17

   Coolfields Consulting                                        www.coolfields.co.uk
   creating effective, accessible websites                              @coolfields
Accessibility London 2012
                   City University London 21st September 2011


Alternative Tools
• Caption Tube
  • OK for editing/typing captions individually, but can’t see a way to
    import transcript file
  • http://captiontube.appspot.com/
• Universal Subtitles
  • OK for editing/typing captions individually.
  • Import transcript file if you have an account
  • http://www.universalsubtitles.org
• Overstream
  • Need to set up an account
  • I couldn’t get this to work
  • http://www.overstream.net/
                                                                                  18

   Coolfields Consulting                                        www.coolfields.co.uk
   creating effective, accessible websites                              @coolfields
Accessibility London 2012
                   City University London 21st September 2011



Translation Demo




                                                                                  19

   Coolfields Consulting                                        www.coolfields.co.uk
   creating effective, accessible websites                              @coolfields
Accessibility London 2012
                City University London 21st September 2011




                      Any questions?




                                                                               20

Coolfields Consulting                                        www.coolfields.co.uk
creating effective, accessible websites                              @coolfields

Más contenido relacionado

Destacado

N tier architecture
N tier architectureN tier architecture
N tier architectureNidhi Saurav
 
@Bayern auf Instagram #AFBMC
@Bayern auf Instagram #AFBMC@Bayern auf Instagram #AFBMC
@Bayern auf Instagram #AFBMCAllFacebook.de
 
Year 12 AS - Kidulthood, Integration, Synergy, Marketing
Year 12  AS - Kidulthood, Integration, Synergy, MarketingYear 12  AS - Kidulthood, Integration, Synergy, Marketing
Year 12 AS - Kidulthood, Integration, Synergy, Marketingsimone1192
 
Us trade policy agenda in 2016 wenk- joplin mo - may 16 2016
Us trade policy agenda in 2016  wenk- joplin mo - may 16 2016Us trade policy agenda in 2016  wenk- joplin mo - may 16 2016
Us trade policy agenda in 2016 wenk- joplin mo - may 16 2016Bronwen Elizabeth Madden
 
Departmental Undertaking- Indian Railway
Departmental Undertaking- Indian RailwayDepartmental Undertaking- Indian Railway
Departmental Undertaking- Indian RailwayYashaswini Agarwal
 
Privacy Concerns and Social Robots
Privacy Concerns and Social Robots Privacy Concerns and Social Robots
Privacy Concerns and Social Robots Christoph Lutz
 
Firmvorbereitung 2011 ppt
Firmvorbereitung 2011 pptFirmvorbereitung 2011 ppt
Firmvorbereitung 2011 pptmarkoen
 

Destacado (8)

Missouri Manufacturing 2016
Missouri Manufacturing 2016Missouri Manufacturing 2016
Missouri Manufacturing 2016
 
N tier architecture
N tier architectureN tier architecture
N tier architecture
 
@Bayern auf Instagram #AFBMC
@Bayern auf Instagram #AFBMC@Bayern auf Instagram #AFBMC
@Bayern auf Instagram #AFBMC
 
Year 12 AS - Kidulthood, Integration, Synergy, Marketing
Year 12  AS - Kidulthood, Integration, Synergy, MarketingYear 12  AS - Kidulthood, Integration, Synergy, Marketing
Year 12 AS - Kidulthood, Integration, Synergy, Marketing
 
Us trade policy agenda in 2016 wenk- joplin mo - may 16 2016
Us trade policy agenda in 2016  wenk- joplin mo - may 16 2016Us trade policy agenda in 2016  wenk- joplin mo - may 16 2016
Us trade policy agenda in 2016 wenk- joplin mo - may 16 2016
 
Departmental Undertaking- Indian Railway
Departmental Undertaking- Indian RailwayDepartmental Undertaking- Indian Railway
Departmental Undertaking- Indian Railway
 
Privacy Concerns and Social Robots
Privacy Concerns and Social Robots Privacy Concerns and Social Robots
Privacy Concerns and Social Robots
 
Firmvorbereitung 2011 ppt
Firmvorbereitung 2011 pptFirmvorbereitung 2011 ppt
Firmvorbereitung 2011 ppt
 

Similar a Tools for Captioning YouTube Videos - a11yLDN2012

Harnessing Themes, Plugins and Features to Make WordPress More Accessible
Harnessing Themes, Plugins and Features to Make WordPress More AccessibleHarnessing Themes, Plugins and Features to Make WordPress More Accessible
Harnessing Themes, Plugins and Features to Make WordPress More AccessibleGraham Armfield
 
iTunes U and the OERu: Two Different Ways to Reach the World
iTunes U and the OERu: Two Different Ways to Reach the WorldiTunes U and the OERu: Two Different Ways to Reach the World
iTunes U and the OERu: Two Different Ways to Reach the Worldwitthaus
 
EA Workshop Introduction and Refresher
EA Workshop Introduction and RefresherEA Workshop Introduction and Refresher
EA Workshop Introduction and Refresheremergingpractices
 
Cercle s 2012_hulkko_timo_-_computer_skills_training_with_a_human_touch
Cercle s 2012_hulkko_timo_-_computer_skills_training_with_a_human_touchCercle s 2012_hulkko_timo_-_computer_skills_training_with_a_human_touch
Cercle s 2012_hulkko_timo_-_computer_skills_training_with_a_human_touchTimo Hulkko
 
Mass-use models for OER
Mass-use models for OERMass-use models for OER
Mass-use models for OERtbirdcymru
 
oEmbed in Drupal
oEmbed in DrupaloEmbed in Drupal
oEmbed in DrupalPure Sign
 
Pukunui Moodle Intro
Pukunui Moodle IntroPukunui Moodle Intro
Pukunui Moodle IntroShane Elliott
 
Innovation & value creation in the document space
Innovation & value creation in the document spaceInnovation & value creation in the document space
Innovation & value creation in the document spaceDon Harbison
 
Identifying arguments for evaluation using an argument explorer - London Argu...
Identifying arguments for evaluation using an argument explorer - London Argu...Identifying arguments for evaluation using an argument explorer - London Argu...
Identifying arguments for evaluation using an argument explorer - London Argu...jodischneider
 
Toppling Domino - 44CON 4012
Toppling Domino - 44CON 4012Toppling Domino - 44CON 4012
Toppling Domino - 44CON 401244CON
 
The W3C and the web design ecosystem
The W3C and the web design ecosystemThe W3C and the web design ecosystem
The W3C and the web design ecosystemChris Mills
 
Infusion for the birds
Infusion for the birdsInfusion for the birds
Infusion for the birdscolinbdclark
 
BlogForever eChallenges 2012
BlogForever eChallenges 2012BlogForever eChallenges 2012
BlogForever eChallenges 2012BlogForever
 
Roland harwood UK-IRC Summit 2011 Presentation
Roland harwood   UK-IRC Summit 2011 PresentationRoland harwood   UK-IRC Summit 2011 Presentation
Roland harwood UK-IRC Summit 2011 Presentation100%Open
 
SharePoint Governance and Lifecycle Management with Project Server 2010
SharePoint Governance and Lifecycle Management with Project Server 2010SharePoint Governance and Lifecycle Management with Project Server 2010
SharePoint Governance and Lifecycle Management with Project Server 2010Alexander Burton
 

Similar a Tools for Captioning YouTube Videos - a11yLDN2012 (20)

HCID 2012 - Graham Armfield
HCID 2012 - Graham ArmfieldHCID 2012 - Graham Armfield
HCID 2012 - Graham Armfield
 
Harnessing Themes, Plugins and Features to Make WordPress More Accessible
Harnessing Themes, Plugins and Features to Make WordPress More AccessibleHarnessing Themes, Plugins and Features to Make WordPress More Accessible
Harnessing Themes, Plugins and Features to Make WordPress More Accessible
 
TraineeEnvironment
TraineeEnvironmentTraineeEnvironment
TraineeEnvironment
 
Utilities Infrastructure for Innovation
Utilities Infrastructure for InnovationUtilities Infrastructure for Innovation
Utilities Infrastructure for Innovation
 
iTunes U and the OERu: Two Different Ways to Reach the World
iTunes U and the OERu: Two Different Ways to Reach the WorldiTunes U and the OERu: Two Different Ways to Reach the World
iTunes U and the OERu: Two Different Ways to Reach the World
 
EA Workshop Introduction and Refresher
EA Workshop Introduction and RefresherEA Workshop Introduction and Refresher
EA Workshop Introduction and Refresher
 
Cercle s 2012_hulkko_timo_-_computer_skills_training_with_a_human_touch
Cercle s 2012_hulkko_timo_-_computer_skills_training_with_a_human_touchCercle s 2012_hulkko_timo_-_computer_skills_training_with_a_human_touch
Cercle s 2012_hulkko_timo_-_computer_skills_training_with_a_human_touch
 
Mass-use models for OER
Mass-use models for OERMass-use models for OER
Mass-use models for OER
 
oEmbed in Drupal
oEmbed in DrupaloEmbed in Drupal
oEmbed in Drupal
 
SCONUL Kuali OLE Briefing
SCONUL Kuali OLE BriefingSCONUL Kuali OLE Briefing
SCONUL Kuali OLE Briefing
 
M-libraries on the hype cycle
M-libraries on the hype cycleM-libraries on the hype cycle
M-libraries on the hype cycle
 
Pukunui Moodle Intro
Pukunui Moodle IntroPukunui Moodle Intro
Pukunui Moodle Intro
 
Innovation & value creation in the document space
Innovation & value creation in the document spaceInnovation & value creation in the document space
Innovation & value creation in the document space
 
Identifying arguments for evaluation using an argument explorer - London Argu...
Identifying arguments for evaluation using an argument explorer - London Argu...Identifying arguments for evaluation using an argument explorer - London Argu...
Identifying arguments for evaluation using an argument explorer - London Argu...
 
Toppling Domino - 44CON 4012
Toppling Domino - 44CON 4012Toppling Domino - 44CON 4012
Toppling Domino - 44CON 4012
 
The W3C and the web design ecosystem
The W3C and the web design ecosystemThe W3C and the web design ecosystem
The W3C and the web design ecosystem
 
Infusion for the birds
Infusion for the birdsInfusion for the birds
Infusion for the birds
 
BlogForever eChallenges 2012
BlogForever eChallenges 2012BlogForever eChallenges 2012
BlogForever eChallenges 2012
 
Roland harwood UK-IRC Summit 2011 Presentation
Roland harwood   UK-IRC Summit 2011 PresentationRoland harwood   UK-IRC Summit 2011 Presentation
Roland harwood UK-IRC Summit 2011 Presentation
 
SharePoint Governance and Lifecycle Management with Project Server 2010
SharePoint Governance and Lifecycle Management with Project Server 2010SharePoint Governance and Lifecycle Management with Project Server 2010
SharePoint Governance and Lifecycle Management with Project Server 2010
 

Más de Graham Armfield

Useful Accessibility Tools Version 3 - Jul 2021
Useful Accessibility Tools Version 3 - Jul 2021Useful Accessibility Tools Version 3 - Jul 2021
Useful Accessibility Tools Version 3 - Jul 2021Graham Armfield
 
So how do i know if my wordpress website is accessible - WordPress Accessibil...
So how do i know if my wordpress website is accessible - WordPress Accessibil...So how do i know if my wordpress website is accessible - WordPress Accessibil...
So how do i know if my wordpress website is accessible - WordPress Accessibil...Graham Armfield
 
Useful Accessibility Tools - WordCamp Brighton
Useful Accessibility Tools - WordCamp BrightonUseful Accessibility Tools - WordCamp Brighton
Useful Accessibility Tools - WordCamp BrightonGraham Armfield
 
Accessibility Hacks Version 2
Accessibility Hacks Version 2Accessibility Hacks Version 2
Accessibility Hacks Version 2Graham Armfield
 
Accessibility Hacks version 2
Accessibility Hacks version 2Accessibility Hacks version 2
Accessibility Hacks version 2Graham Armfield
 
Useful Accessibility Tools - WP Pompey April 2019
Useful Accessibility Tools - WP Pompey April 2019Useful Accessibility Tools - WP Pompey April 2019
Useful Accessibility Tools - WP Pompey April 2019Graham Armfield
 
How to Build an Accessible WordPress Theme
How to Build an Accessible WordPress ThemeHow to Build an Accessible WordPress Theme
How to Build an Accessible WordPress ThemeGraham Armfield
 
Accessibility Hacks Wordcamp Manchester October 2018
Accessibility Hacks Wordcamp Manchester October 2018Accessibility Hacks Wordcamp Manchester October 2018
Accessibility Hacks Wordcamp Manchester October 2018Graham Armfield
 
Useful Accessibility Tools
Useful Accessibility ToolsUseful Accessibility Tools
Useful Accessibility ToolsGraham Armfield
 
Assistive technology Demo WordCamp Bristol
Assistive technology Demo WordCamp BristolAssistive technology Demo WordCamp Bristol
Assistive technology Demo WordCamp BristolGraham Armfield
 
Designing for Accessibility - WordCamp London 2017
Designing for Accessibility - WordCamp London 2017Designing for Accessibility - WordCamp London 2017
Designing for Accessibility - WordCamp London 2017Graham Armfield
 
Designing for Accessibility - Front End North - September 2016
Designing for Accessibility - Front End North - September 2016Designing for Accessibility - Front End North - September 2016
Designing for Accessibility - Front End North - September 2016Graham Armfield
 
Obscure Wordpress Functions That Are Actually Quite Useful
Obscure Wordpress Functions That Are Actually Quite UsefulObscure Wordpress Functions That Are Actually Quite Useful
Obscure Wordpress Functions That Are Actually Quite UsefulGraham Armfield
 
Themes Plugins and Accessibility - WordCamp London March 2015
Themes Plugins and Accessibility - WordCamp London March 2015Themes Plugins and Accessibility - WordCamp London March 2015
Themes Plugins and Accessibility - WordCamp London March 2015Graham Armfield
 
Can WordPress help make the web more accessible - eaccess15 - Feb 2015
Can WordPress help make the web more accessible - eaccess15 - Feb 2015Can WordPress help make the web more accessible - eaccess15 - Feb 2015
Can WordPress help make the web more accessible - eaccess15 - Feb 2015Graham Armfield
 
Themes, Plugins and Accessibility
Themes, Plugins and AccessibilityThemes, Plugins and Accessibility
Themes, Plugins and AccessibilityGraham Armfield
 
Wordpress and Web Accessibility Wordcamp UK 2014
Wordpress and Web Accessibility Wordcamp UK 2014Wordpress and Web Accessibility Wordcamp UK 2014
Wordpress and Web Accessibility Wordcamp UK 2014Graham Armfield
 
So What is This Thing Called WordPress?
So What is This Thing Called WordPress?So What is This Thing Called WordPress?
So What is This Thing Called WordPress?Graham Armfield
 
So How Do I Know if My Website is Accessible?
So How Do I Know if My Website is Accessible?So How Do I Know if My Website is Accessible?
So How Do I Know if My Website is Accessible?Graham Armfield
 
Handling User Generated Content in WordPress
Handling User Generated Content in WordPressHandling User Generated Content in WordPress
Handling User Generated Content in WordPressGraham Armfield
 

Más de Graham Armfield (20)

Useful Accessibility Tools Version 3 - Jul 2021
Useful Accessibility Tools Version 3 - Jul 2021Useful Accessibility Tools Version 3 - Jul 2021
Useful Accessibility Tools Version 3 - Jul 2021
 
So how do i know if my wordpress website is accessible - WordPress Accessibil...
So how do i know if my wordpress website is accessible - WordPress Accessibil...So how do i know if my wordpress website is accessible - WordPress Accessibil...
So how do i know if my wordpress website is accessible - WordPress Accessibil...
 
Useful Accessibility Tools - WordCamp Brighton
Useful Accessibility Tools - WordCamp BrightonUseful Accessibility Tools - WordCamp Brighton
Useful Accessibility Tools - WordCamp Brighton
 
Accessibility Hacks Version 2
Accessibility Hacks Version 2Accessibility Hacks Version 2
Accessibility Hacks Version 2
 
Accessibility Hacks version 2
Accessibility Hacks version 2Accessibility Hacks version 2
Accessibility Hacks version 2
 
Useful Accessibility Tools - WP Pompey April 2019
Useful Accessibility Tools - WP Pompey April 2019Useful Accessibility Tools - WP Pompey April 2019
Useful Accessibility Tools - WP Pompey April 2019
 
How to Build an Accessible WordPress Theme
How to Build an Accessible WordPress ThemeHow to Build an Accessible WordPress Theme
How to Build an Accessible WordPress Theme
 
Accessibility Hacks Wordcamp Manchester October 2018
Accessibility Hacks Wordcamp Manchester October 2018Accessibility Hacks Wordcamp Manchester October 2018
Accessibility Hacks Wordcamp Manchester October 2018
 
Useful Accessibility Tools
Useful Accessibility ToolsUseful Accessibility Tools
Useful Accessibility Tools
 
Assistive technology Demo WordCamp Bristol
Assistive technology Demo WordCamp BristolAssistive technology Demo WordCamp Bristol
Assistive technology Demo WordCamp Bristol
 
Designing for Accessibility - WordCamp London 2017
Designing for Accessibility - WordCamp London 2017Designing for Accessibility - WordCamp London 2017
Designing for Accessibility - WordCamp London 2017
 
Designing for Accessibility - Front End North - September 2016
Designing for Accessibility - Front End North - September 2016Designing for Accessibility - Front End North - September 2016
Designing for Accessibility - Front End North - September 2016
 
Obscure Wordpress Functions That Are Actually Quite Useful
Obscure Wordpress Functions That Are Actually Quite UsefulObscure Wordpress Functions That Are Actually Quite Useful
Obscure Wordpress Functions That Are Actually Quite Useful
 
Themes Plugins and Accessibility - WordCamp London March 2015
Themes Plugins and Accessibility - WordCamp London March 2015Themes Plugins and Accessibility - WordCamp London March 2015
Themes Plugins and Accessibility - WordCamp London March 2015
 
Can WordPress help make the web more accessible - eaccess15 - Feb 2015
Can WordPress help make the web more accessible - eaccess15 - Feb 2015Can WordPress help make the web more accessible - eaccess15 - Feb 2015
Can WordPress help make the web more accessible - eaccess15 - Feb 2015
 
Themes, Plugins and Accessibility
Themes, Plugins and AccessibilityThemes, Plugins and Accessibility
Themes, Plugins and Accessibility
 
Wordpress and Web Accessibility Wordcamp UK 2014
Wordpress and Web Accessibility Wordcamp UK 2014Wordpress and Web Accessibility Wordcamp UK 2014
Wordpress and Web Accessibility Wordcamp UK 2014
 
So What is This Thing Called WordPress?
So What is This Thing Called WordPress?So What is This Thing Called WordPress?
So What is This Thing Called WordPress?
 
So How Do I Know if My Website is Accessible?
So How Do I Know if My Website is Accessible?So How Do I Know if My Website is Accessible?
So How Do I Know if My Website is Accessible?
 
Handling User Generated Content in WordPress
Handling User Generated Content in WordPressHandling User Generated Content in WordPress
Handling User Generated Content in WordPress
 

Último

Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfJamie (Taka) Wang
 

Último (20)

Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
 

Tools for Captioning YouTube Videos - a11yLDN2012

  • 1. Tools for Creating Captions for YouTube Videos Graham Armfield 2012 1 Coolfields Consulting www.coolfields.co.uk creating effective, accessible websites @coolfields
  • 2. Accessibility London 2012 City University London 21st September 2011 Captioning YouTube Videos Graham Armfield Who am I? • Web developer • Accessibility consultant • Accessibility tester 2 Coolfields Consulting www.coolfields.co.uk creating effective, accessible websites @coolfields
  • 3. Accessibility London 2012 City University London 21st September 2011 What this presentation will cover • Why captions are a good idea • Are automated captions any good? • Using a transcript file • More advanced tools 3 Coolfields Consulting www.coolfields.co.uk creating effective, accessible websites @coolfields
  • 4. Accessibility London 2012 City University London 21st September 2011 Why captions are a good idea • Makes your videos accessible to wider audience • Those with hearing impairments • Those with cognitive impairments • Useful for those in noisy or office environments • Translatable – for those who speak other languages • Apparently also good for SEO too. 4 Coolfields Consulting www.coolfields.co.uk creating effective, accessible websites @coolfields
  • 5. Accessibility London 2012 City University London 21st September 2011 Captions and YouTube Three options: • Automated captions • Transcript files • Caption files We’ll explore each in turn 5 Coolfields Consulting www.coolfields.co.uk creating effective, accessible websites @coolfields
  • 6. Accessibility London 2012 City University London 21st September 2011 Our Test Video • Not professional quality • Lots of background noise and interjections • Different accents and quiet voices • So… like many YouTube videos 6 Coolfields Consulting www.coolfields.co.uk creating effective, accessible websites @coolfields
  • 7. Accessibility London 2012 City University London 21st September 2011 Before we start Need to enable captions on your YouTube account 1. Go to Settings 2. Then Playback 3. Check both Captions checkboxes 7 Coolfields Consulting www.coolfields.co.uk creating effective, accessible websites @coolfields
  • 8. Accessibility London 2012 City University London 21st September 2011 8 Coolfields Consulting www.coolfields.co.uk creating effective, accessible websites @coolfields
  • 9. Accessibility London 2012 City University London 21st September 2011 Automated Captions • Should appear automatically after a while • Occasionally service is not available • Sometimes it won’t produce captions • Give mixed results… 9 Coolfields Consulting www.coolfields.co.uk creating effective, accessible websites @coolfields
  • 10. Accessibility London 2012 City University London 21st September 2011 Automated Captions 10 Coolfields Consulting www.coolfields.co.uk creating effective, accessible websites @coolfields
  • 11. Accessibility London 2012 City University London 21st September 2011 Transcript File • Need to type up what is said and any relevant extra information • Plain text file • Simple syntax rules (see next slide) • Upload at Video Manager, Edit 11 Coolfields Consulting www.coolfields.co.uk creating effective, accessible websites @coolfields
  • 12. Accessibility London 2012 City University London 21st September 2011 Transcript File Syntax Identify speaker >>JULIAN: This has possibly been one of the toughest years Line break to split caption to co-ordinate the judging of this competition … >>CUSTOMER 1: Morning All Identify other events and pauses etc [laughter] [pause] 12 Coolfields Consulting www.coolfields.co.uk creating effective, accessible websites @coolfields
  • 13. Accessibility London 2012 City University London 21st September 2011 Transcript File Results 13 Coolfields Consulting www.coolfields.co.uk creating effective, accessible websites @coolfields
  • 14. Accessibility London 2012 City University London 21st September 2011 Caption File • Need to type up what is said and any relevant extra information – same as transcript • Simple syntax rules as per transcript • Need to add in timing marks for each caption line • Many formats – suggest use ttf as it’s more portable – eg for use with other media players • Upload at Video Manager, Edit 14 Coolfields Consulting www.coolfields.co.uk creating effective, accessible websites @coolfields
  • 15. Accessibility London 2012 City University London 21st September 2011 Adding Timings for your Caption File You’ll need a tool for that… A number are available but I’m going to focus on one – subtitle-horse.com • Admittedly a bit fiddly and exasperating at first – but gets easier as you learn • Can import transcript file as basis for caption file • Or just type the text in • Export to a number of different file formats 15 Coolfields Consulting www.coolfields.co.uk creating effective, accessible websites @coolfields
  • 16. Accessibility London 2012 City University London 21st September 2011 Subtitle Horse 16 Coolfields Consulting www.coolfields.co.uk creating effective, accessible websites @coolfields
  • 17. Accessibility London 2012 City University London 21st September 2011 Add Caption File to YouTube • Upload at Video Manager, Edit • Perfect captions • Colouring captions is possible but not unfortunately in YouTube 17 Coolfields Consulting www.coolfields.co.uk creating effective, accessible websites @coolfields
  • 18. Accessibility London 2012 City University London 21st September 2011 Alternative Tools • Caption Tube • OK for editing/typing captions individually, but can’t see a way to import transcript file • http://captiontube.appspot.com/ • Universal Subtitles • OK for editing/typing captions individually. • Import transcript file if you have an account • http://www.universalsubtitles.org • Overstream • Need to set up an account • I couldn’t get this to work • http://www.overstream.net/ 18 Coolfields Consulting www.coolfields.co.uk creating effective, accessible websites @coolfields
  • 19. Accessibility London 2012 City University London 21st September 2011 Translation Demo 19 Coolfields Consulting www.coolfields.co.uk creating effective, accessible websites @coolfields
  • 20. Accessibility London 2012 City University London 21st September 2011 Any questions? 20 Coolfields Consulting www.coolfields.co.uk creating effective, accessible websites @coolfields