https://github.com/dev1an/bug-avplayer-cea708

Subtitles are scrambled using the native video player in Safari on macOS an iOS.
https://github.com/dev1an/bug-avplayer-cea708

Last synced: 5 months ago
JSON representation

Subtitles are scrambled using the native video player in Safari on macOS an iOS.

• Host: GitHub
• URL: https://github.com/dev1an/bug-avplayer-cea708
• Owner: Dev1an
• Created: 2022-03-30T13:21:36.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2022-03-30T14:23:09.000Z (about 4 years ago)
• Last Synced: 2025-01-21T13:09:21.637Z (over 1 year ago)
• Size: 4.24 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

          
# CEA-708 bug

Subtitles are scrambled using the native video player in Safari on macOS an iOS. But when rendering the same subtitles using THEOplayer in the browser they render correctly:

![Bug illustration - THEOplayer vs native video player](example.jpg)

This bug was filed using Apple's Feedback assistant on 30 March 2022 with ticket ID: FB9970162

## Reproduction

- Open **Safari Version 15.3** (17612.4.9.1.8) on **macOS 12.2.1** (21D62)

- Visit: https://golden-marshmallow-983dc3.netlify.app/manifest.m3u8

- Enable the closed captions

- Play the video

### Expected result

The subtitles at the timecode `0:12` should be:

> It detects and catalogs all your "**twilight** zone" Ray Bradbury, the series

### Actual result

The subtitles at the timecode `0:12` are:

> It detects and catalogs all your "**tlight** zone" Ray Bradbury, the series

## HLS Stream details

The HLS stream can be accessed at https://golden-marshmallow-983dc3.netlify.app. If however, this link goes down you can easily host the stream yourself by hosting the files that are in the `stream/` directory.

## Reference player that renders correctly

You can also render subtitles of the same video using THEOplayer to check the correct/expected results. To do this:

- Go to https://demo.theoplayer.com/test-your-stream-with-statistics

- Enter the following URL in the text input field: https://golden-marshmallow-983dc3.netlify.app/manifest.m3u8

- Press the yellow button labeled: *Click here to load your stream*

- Press play on the video

- Enable the closed captions by clicking on the subtitles icon underneath the progress bar and toggling on the CC1 option.

![TheoPlayer](TheoPlayer.jpg)