Chrome Media Internals Output

Oct 13, 2025 by ludoplayers7.com 61 views

Introduction

In this article, we will investigate an issue where an MPEG-TS/HEVC stream (codec hvc1.1.6.L150.B0) does not work on Linux-based browsers. We will analyze the problem, provide a detailed description of the issue, and offer potential solutions.

Problem Description

The issue is observed on Linux-based browsers, including Google Chrome (134.0.6998.88) and Opera One (117.0.5408.53), running on Ubuntu 22.04.5 LTS and ALT Workstation K 10.4. The stream is hosted on a server at https://video-streamer-kk-01.telenethd.ru:5050/static/camera_203/stream.m3u8. The issue is not specific to the browser or the operating system, as it also occurs on the demo page https://ed7009c3.hls-js-dev.pages.dev/demo/.

Configuration and Setup

The configuration and setup of the player are as follows:

Hls.js version: v1.6.0-beta.4
Browser: Google Chrome (134.0.6998.88) and Opera One (117.0.5408.53)
Operating System: Ubuntu 22.04.5 LTS and ALT Workstation K 10.4
Test stream: https://video-streamer-kk-01.telenethd.ru:5050/static/camera_203/stream.m3u8
Configuration:

"debug" true, "enableWorker": true, "lowLatencyMode": true, "backBufferLength": 90


**Console Output**
-----------------

The console output is as follows:

```shell
Status:
0.397 | Loading https://video-streamer-kk-01.telenethd.ru:5050/static/camera_203/stream.m3u8
0.542 | Loading manifest and attaching video element...
1.927 | Media element attached
2.072 | 1 quality levels found
2.073 | Manifest successfully loaded, trying to recover media error.
5.698 | Media element detached
5.897 | Media element attached, trying to swap audio codec and recover media error.
8.639 | Media element detached
8.663 | Media element attached, trying to recover media error.
9.814 | Media element detached
9.84 | Media element attached, cannot recover. Last media error recovery failed., cannot recover. Last media error recovery failed.

Error:
5.67 | Buffer add codec error for video/mp4;codecs=hvc1.1.6.L150.B0:Failed to execute 'addSourceBuffer' on 'MediaSource': The type provided ('video/mp4;codecs=hvc1.1.6.L150.B0') is unsupported.
5.68 | A media error occurred: bufferAddCodecError
5.74 | Buffer append error
5.772 | Buffer append error
8.631 | Buffer add codec error for video/mp4;codecs=hvc1.1.6.L150.B0:Failed to execute 'addSourceBuffer' on 'MediaSource': The type provided ('video/mp4;codecs=hvc1.1.6.L150.B0') is unsupported.
8.632 | A media error occurred: bufferAddCodecError
8.641 | Buffer append error
8.644 | Buffer append error
9.807 | Buffer add codec error for video/mp4;codecs=hvc1.1.6.L150.B0:Failed to execute 'addSourceBuffer' on 'MediaSource': The type provided ('video/mp4;codecs=hvc1.1.6.L150.B0') is unsupported.
9.809 | A media error occurred: bufferAddCodecError
9.816 | Buffer append error
9.819 | Buffer append error
11.147 | Buffer add codec error for video/mp4;codecs=hvc1.1.6.L150.B0:Failed to execute 'addSourceBuffer' on 'MediaSource': The type provided ('video/mp4;codecs=hvc1.1.6.L150.B0') is unsupported.
11.152 | A media error occurred: bufferAddCodecError
11.178 | Buffer append error
11.179 | A media error occurred: bufferAppendError

Chrome Media Internals Output

The Chrome media internals output is as follows:

{
  "properties": {
    "render_id": 11,
    "player_id": 0,
    "created": "2025-03-13 04:40:05.874296 UTC",
    "origin_url": "https://ed7009c3.hls-js-dev.pages.dev/",
    "kFrameUrl": "https://ed7009c3.hls-js-dev.pages.dev/demo/?src=https%3A%2F%2Fvideo-streamer-kk-01.telenethd.ru%3A5050%2Fstatic%2Fcamera_203%2Fstream.m3u8&demoConfig=eyJlbmFibGVTdHJlYW1pbmciOnRydWUsImF1dG9SZWNvdmVyRXJyb3IiOnRydWUsInN0b3BPblN0YWxsIjpmYWxzZSwiZHVtcGZNUDQiOnRydWUsImxldmVsQ2FwcGluZyI6LTEsImxpbWl0TWV0cmljcyI6LTF9",
    "kFrameTitle": "hls.js demo",
    "url": "blob:https://ed7009c3.hls-js-dev.pages.dev/d36edf9c-0b8f-4add-8a32-9fa667338e94",
    "info": "ChunkDemuxer",
    "kRendererName": "RendererImpl",
    "pipeline_state": "kStopped",
    "duration": 50.640267,
    "error": "MediaSource endOfStream before demuxer initialization completes (before HAVE_METADATA) is treated as an error. This may also occur as consequence of other MediaSource errors before HAVE_METADATA.",
    "event": "kWebMediaPlayerDestroyed"
  },
  "events": [
    {
      "time": 0,
      "key": "created",
      "value": "2025-03-13 04:40:05.874296 UTC"
    },
    {
      "time": 9.169000000692904,
      "key": "origin_url",
      "value": "https://ed7009c3.hls-js-dev.pages.dev/"
    },
    {
      "time": 9.181000000797212,
      "key": "kFrameUrl",
      "value": "https://ed7009c3.hls-js-dev.pages.dev/demo/?src=https%3A%2F%2Fvideo-streamer-kk-01.telenethd.ru%3A5050%2Fstatic%2Fcamera_203%2Fstream.m3u8&demoConfig=eyJlbmFibGVTdHJlYW1pbmciOnRydWUsImF1dG9SZWNvdmVyRXJyb3IiOnRydWUsInN0b3BPblN0YWxsIjpmYWxzZSwiZHVtcGZNUDQiOnRydWUsImxldmVsQ2FwcGluZyI6LTEsImxpbWl0TWV0cmljcyI6LTF9"
    },
    {
      "time": 9.183000000193715,
      "key": "kFrameTitle",
      "value": "hls.js demo"
    },
    {
      "time": 28.83500000089407,
      "key": "url",
      "value": "blob:https://ed7009c3.hls-js-dev.pages.dev/d36edf9c-0b8f-4add-8a32-9fa667338e94"
    },
    {
      "time": 28.94300000090152,
      "key": "info",
      "value": "ChunkDemuxer"
    },
    {
      "time": 29.001000000163913,
      "key": "kRendererName",
      "value": "RendererImpl"
    },
    {
      "time": 30.829000000841916,
      "key": "pipeline_state",
      "value": "kStarting"
    },
    {
      "time": 785.6500000003725,
      "key": "duration",
      "value": 50.640267
    },
    {
      "time": 4325.441000000574,
      "key": "error",
      "value": "MediaSource endOfStream before demuxer initialization completes (before HAVE_METADATA) is treated as an error. This may also occur as consequence of other MediaSource errors before HAVE_METADATA."
    },
    {
      "time": 4325.981000000611,
      "key": "event",
      "value": "kWebMediaPlayerDestroyed"
    },
    {
      "time": 4326.689000000246,
      "key": "pipeline_state",
      "value": "kStopping"
    },
    {
      "time":<br/>
**MPEG-TS/HEVC Stream Not Working on Linux-Based Browsers: Q&A**
===========================================================

**Q: What is the issue with the MPEG-TS/HEVC stream on Linux-based browsers?**
------------------------------------------------------------------------

A: The issue is that the MPEG-TS/HEVC stream (codec hvc1.1.6.L150.B0) does not work on Linux-based browsers, including Google Chrome (134.0.6998.88) and Opera One (117.0.5408.53), running on Ubuntu 22.04.5 LTS and ALT Workstation K 10.4.

**Q: What is the configuration and setup of the player?**
---------------------------------------------------

A: The configuration and setup of the player are as follows:

*   **Hls.js version**: v1.6.0-beta.4
*   **Browser**: Google Chrome (134.0.6998.88) and Opera One (117.0.5408.53)
*   **Operating System**: Ubuntu 22.04.5 LTS and ALT Workstation K 10.4
*   **Test stream**: `https://video-streamer-kk-01.telenethd.ru:5050/static/camera_203/stream.m3u8`
*   **Configuration**:

    ```javascript
{
  "debug": true,
  "enableWorker": true,
  "lowLatencyMode": true,
  "backBufferLength": 90
}

Q: What is the console output of the issue?

A: The console output is as follows:

Status:
0.397 | Loading https://video-streamer-kk-01.telenethd.ru:5050/static/camera_203/stream.m3u8
0.542 | Loading manifest and attaching video element...
1.927 | Media element attached
2.072 | 1 quality levels found
2.073 | Manifest successfully loaded, trying to recover media error.
5.698 | Media element detached
5.897 | Media element attached, trying to swap audio codec and recover media error.
8.639 | Media element detached
8.663 | Media element attached, trying to recover media error.
9.814 | Media element detached
9.84 | Media element attached, cannot recover. Last media error recovery failed., cannot recover. Last media error recovery failed.

Error:
5.67 | Buffer add codec error for video/mp4;codecs=hvc1.1.6.L150.B0:Failed to execute 'addSourceBuffer' on 'MediaSource': The type provided ('video/mp4;codecs=hvc1.1.6.L150.B0') is unsupported.
5.68 | A media error occurred: bufferAddCodecError
5.74 | Buffer append error
5.772 | Buffer append error
8.631 | Buffer add codec error for video/mp4;codecs=hvc1.1.6.L150.B0:Failed to execute 'addSourceBuffer' on 'MediaSource': The type provided ('video/mp4;codecs=hvc1.1.6.L150.B0') is unsupported.
8.632 | A media error occurred: bufferAddCodecError
8.641 | Buffer append error
8.644 | Buffer append error
9.807 | Buffer add codec error for video/mp4;codecs=hvc1.1.6.L150.B0:Failed to execute 'addSourceBuffer' on 'MediaSource': The type provided ('video/mp4;codecs=hvc1.1.6.L150.B0') is unsupported.
9.809 | A media error occurred: bufferAddCodecError
9.816 | Buffer append error
9.819 | Buffer append error
11.147 | Buffer add codec error for video/mp4;codecs=hvc1.1.6.L150.B0:Failed to execute 'addSourceBuffer' on 'MediaSource': The type provided ('video/mp4;codecs=hvc1.1.6.L150.B0') is unsupported.
11.152 | A media error occurred: bufferAddCodecError
11.178 | Buffer append error
11.179 | A media error occurred: bufferAppendError

Q: What is the Chrome media internals output of the issue?

A: The Chrome media internals output is as follows:

{
  "properties": {
    "render_id": 11,
    "player_id": 0,
    "created": "2025-03-13 04:40:05.874296 UTC",
    "origin_url": "https://ed7009c3.hls-js-dev.pages.dev/",
    "kFrameUrl": "https://ed7009c3.hls-js-dev.pages.dev/demo/?src=https%3A%2F%2Fvideo-streamer-kk-01.telenethd.ru%3A5050%2Fstatic%2Fcamera_203%2Fstream.m3u8&demoConfig=eyJlbmFibGVTdHJlYW1pbmciOnRydWUsImF1dG9SZWNvdmVyRXJyb3IiOnRydWUsInN0b3BPblN0YWxsIjpmYWxzZSwiZHVtcGZNUDQiOnRydWUsImxldmVsQ2FwcGluZyI6LTEsImxpbWl0TWV0cmljcyI6LTF9",
    "kFrameTitle": "hls.js demo",
    "url": "blob:https://ed7009c3.hls-js-dev.pages.dev/d36edf9c-0b8f-4add-8a32-9fa667338e94",
    "info": "ChunkDemuxer",
    "kRendererName": "RendererImpl",
    "pipeline_state": "kStopped",
    "duration": 50.640267,
    "error": "MediaSource endOfStream before demuxer initialization completes (before HAVE_METADATA) is treated as an error. This may also occur as consequence of other MediaSource errors before HAVE_METADATA.",
    "event": "kWebMediaPlayerDestroyed"
  },
  "events": [
    {
      "time": 0,
      "key": "created",
      "value": "2025-03-13 04:40:05.874296 UTC"
    },
    {
      "time": 9.169000000692904,
      "key": "origin_url",
      "value": "https://ed7009c3.hls-js-dev.pages.dev/"
    },
    {
      "time": 9.181000000797212,
      "key": "kFrameUrl",
      "value": "https://ed7009c3.hls-js-dev.pages.dev/demo/?src=https%3A%2F%2Fvideo-streamer-kk-01.telenethd.ru%3A5050%2Fstatic%2Fcamera_203%2Fstream.m3u8&demoConfig=eyJlbmFibGVTdHJlYW1pbmciOnRydWUsImF1dG9SZWNvdmVyRXJyb3IiOnRydWUsInN0b3BPblN0YWxsIjpmYWxzZSwiZHVtcGZNUDQiOnRydWUsImxldmVsQ2FwcGluZyI6LTEsImxpbWl0TWV0cmljcyI6LTF9"
    },
    {
      "time": 9.183000000193715,
      "key": "kFrameTitle",
      "value": "hls.js demo"
    },
    {
      "time": 28.83500000089407,
      "key": "url",
      "value": "blob:https://ed7009c3.hls-js-dev.pages.dev/d36edf9c-0b8f-4add-8a32-9fa667338e94"
    },
    {
      "time": 28.94300000090152,
      "key": "info",
      "value": "ChunkDemuxer"
    },
    {
      "time": 29.001000000163913,
      "key": "kRendererName",
      "value": "RendererImpl"
    },
    {
      "time": 30.829000000841916,
      "key": "pipeline_state",
      "value": "kStarting"
    },
    {
      "time": 785.6500000003725,
      "key": "duration",
      "value": 50.640267
    },
    {
      "time": 4325.441000000574,
      "key": "error",
      "value": "MediaSource endOfStream before demuxer initialization completes (before HAVE_METADATA) is treated as an error. This may also occur as consequence of other MediaSource errors before HAVE_METADATA."
    },
    {
      "time": 4325.981000000611,
      "key": "event",
      "value": "kWebMediaPlayerDestroyed"
    },
    {
      "time": 4326.689000000246,
      "key": "pipeline_state",
      "value": "kStopping"
    },
    {
      "time": 4326.6930000009015,
      "key": "pipeline_state",
      "value": "kStopped"
    }
  ]
}

Q: What are the potential solutions to the issue?

A: The potential solutions to the issue are: