Skip to content

Enhanced closed captions to provide Marie (she's deaf) with a more meaningful viewing experience

License

Notifications You must be signed in to change notification settings

ninadepina/CaptionWizard

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

👋🏼 'CaptionWizard'

thumbnail

Research question

How might we enhance closed captions (cc) to provide Marie with a more meaningful viewing experience?


Problem definition

Marie is a 34-year-old Deaf (with a capital 'D', which means she doesn't see her deafness as a disability) UX designer. She was born deaf, and her native language is Dutch Sign Language. She works at UpInk, a design agency in Amsterdam that focuses on projects with social impact. Marie enjoys cooking, spending time with friends, kitesurfing, and teaching kitesurfing to other Deaf individuals.

Due to her deafness, Marie relies on sign language and lip-reading for communication. You'll understand that Marie therefore experiences difficulty with tasks that heavily rely on sound.

Marie experiences a significant loss of nuance while watching a movie or a documentary. Although many films offer closed captions, they are often too neutral. How might we enhance closed captions (cc) to provide Marie with a more meaningful viewing experience?


Solution

My solution for Marie is a web app that has enhanced closed captions. It includes the following features:

  • Speaker identification: when a speaker is not visible on the screen, the name of the speaker is added to the caption. This feature helps users easily associate the spoken words with specific individuals, even when they are not in the camera's view.
  • Detailed explanations of background noises: specific and contextual explanations of background noises to assist users in understanding their origin or significance. Also added written out sounds (e.g. [SMASH], [CLATTER]) to add more depth to the viewing experience.
  • Speech tone: in spoken language, the tone of voice adds meaning to the words (e.g. a sarcastic tone or a stutter). Similarly, the volume of the voice can convey a different meaning (in spoken language you have a big range in volume, in closed captions you only have lower- and uppercase letters). This feature adds the tone of voice to the closed captions and adds a subtle shake to the screen when someone is furious to provide more depth to the viewing experience.
  • Visual indication of background noises: provides a visual indication that helps users identify the direction of the source of background noises. This provides a more immersive viewing experience and prevents users from being surprised by not hearing the sound.

Prototype

captionwizard.vercel.app/


Documentation

The rest of my documentation can be found here


Installation

  1. Clone this repository
$ git clone https://github.com/ninadepina/CaptionWizard.git
  1. Open the index.html file in your browser or use localhost
http://localhost:5500/

License

This project is licensed under the MIT License - see the LICENSE file for more details.

About

Enhanced closed captions to provide Marie (she's deaf) with a more meaningful viewing experience

Topics

Resources

License

Stars

Watchers

Forks

Languages

  • CSS 56.2%
  • JavaScript 30.8%
  • HTML 13.0%