Media captions support for accessibility
See original GitHub issueDescription
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
- If a video is encoded with closed captions they should be automatically supported on each platform (if the media mimeType is supported)
- 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:
- Created 3 years ago
- Comments:5 (4 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Updated the schema here to include
label
and also updated the example json@PankajBhojwani could you please edit the schema here to support language as well?😃