question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Media captions support for accessibility

See original GitHub issue

Description

Reference: https://captionmax.com/common-subtitle-prerecorded-closed-caption-file-types/

Accessibility bug: 28383785

Open Issues

  • iOS Sidecar support?
  • Android sidecar support?
  • WPF sidecar support?
  • UWP sidecar support?
  • JS sidecar support?
  • What about per-language captions?

Requirements

  1. If a video is encoded with closed captions they should be automatically supported on each platform (if the media mimeType is supported)
  2. If the video file does not have captions, one or more “sidecar” caption formats can be provided, which will be passed along to the Renderer/Native Platform Media player as appropriate.

Schema

Media

One new property on Media

Property Type Required Description
captions CaptionSource[] No Array of “sidecar” close caption sources that will be passed to the underlying platform.

CaptionSource

New type called CaptionSource

Property Type Required Description
mimeType string Yes Mime type of associated closed captions (e.g. “scc”).
url uri Yes URL to closed captions file.
label label Yes Label to display for this caption track.

Examples

{
	"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
	"type": "AdaptiveCard",
	"version": "1.1",
	"fallbackText": "This card requires Media to be viewed. Ask your platform to update to Adaptive Cards v1.1 for this and more!",
	"body": [
		{
			"type": "Media",
			"poster": "https://adaptivecards.io/content/poster-video.png",
			"altText": "Adaptive Cards overview video",
			"sources": [
				{
					"mimeType": "video/mp4",
					"url": "https://adaptivecardsblob.blob.core.windows.net/assets/AdaptiveCardsOverviewVideo.mp4"
				}
			],
			"captionSources": [
				{
					"mimeType": "vtt",
					"label": "English (vtt)",
					"url": "https://gist.githubusercontent.com/PankajBhojwani/d11855a1e0c0b1f70a0e64f81a1fb696/raw/46fa93da5c3703d03843d59cedd8b5f10aa3747b/test.vtt"
				}
			]
		}
	],
	"actions": [
		{
			"type": "Action.OpenUrl",
			"title": "Learn more",
			"url": "https://adaptivecards.io"
		}
	]
}

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
PankajBhojwanicommented, Apr 5, 2022

Updated the schema here to include label and also updated the example json

0reactions
beervoleycommented, Apr 5, 2022

@PankajBhojwani could you please edit the schema here to support language as well?😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

Captions/Subtitles | Web Accessibility Initiative (WAI)
Helps you understand and create captions (also called “subtitles”) for audio and video media accessibility.
Read more >
Provide captions and descriptions of video
Transcripts, captions, and descriptions make media accessible to all users: Provide captions. Captions make audible content accessible to people who can't ...
Read more >
Descriptions, Captions, and Transcripts — What's Required ...
Descriptions, Captions, and Transcripts — What's Required for Accessible Media? · 2. Provide captions and descriptive transcripts · 3. Inform ...
Read more >
What's the Acceptable Format for Media Captions and ...
To create accessible multimedia, you'll need to provide accurate captions and transcripts. Here's how to select an appropriate format.
Read more >
How To Provide Captions and Transcripts - Accessibility
Editing Captions in Media Central to Improve Accuracy · Go to Media Central . · Log in. · Pull down the menu under...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found