TypeError: data is undefined in ID3.isHeader

[kolay-v]

What version of Hls.js are you using?

0.14.11

What browser and OS are you using?

arch linux firefox/chromium

Test stream:

https://bushuev.wtf/playlist.m3u8

Checklist

• [x ] The issue observed is not already reported by searching on Github under https://github.com/video-dev/hls.js/issues
• [ x] The issue occurs in the stable client on https://hls-js.netlify.com/demo and not just on my page

• [ x] The issue occurs in the latest client on https://hls-js-dev.netlify.com/demo and not just on my page

• x[ ] The stream has correct Access-Control-Allow-Origin headers (CORS)
• [x ] There are no network errors such as 404s in the browser console when trying to play the stream

Steps to reproduce

1. Please provide clear steps to reproduce your problem
2. If the bug is intermittent, give a rough frequency
   Download any soundcloud track's playlist and play it with hls.js

Expected behavior

What you expected to happen
Music playing

Actual behavior

What actually happened
TypeError: data is undefined in ID3.isHeader

Console output

[debug] > Calling internal loader delegate for URL: https://bushuev.wtf/playlist.m3u8
logger.js:40 [log] > trigger BUFFER_RESET
logger.js:40 [log] > set autoLevelCapping:-1
logger.js:40 [log] > attachMedia
logger.js:40 [log] > media source opened
logger.js:40 [log] > manifest loaded,1 level(s) found, first bitrate:undefined
logger.js:40 [log] > 1 bufferCodec event(s) expected
logger.js:40 [log] > startLoad(-1)
logger.js:40 [log] > switching to level 0
logger.js:40 [log] > main stream-controller: STOPPED->IDLE
logger.js:40 [log] > audio tracks updated
logger.js:40 [log] > subtitle tracks updated
logger.js:40 [log] > level 0 loaded [0,0],duration:1.985272
logger.js:40 [log] > Loading 0 of [0-0], level 0, nextLoadPosition: 0, bufferEnd: 0
logger.js:40 [log] > demuxing in webworker
logger.js:40 [log] > main stream-controller: IDLE->FRAG_LOADING
logger.js:40 [log] > Loaded 0 of [0 ,0],level 0
logger.js:40 [log] > Parsing 0 of [0 ,0],level 0, cc 0
logger.js:40 [log] > main stream-controller: FRAG_LOADING->PARSING
logger.js:40 [log] > main:discontinuity detected
logger.js:40 [log] > main:switch detected
main.js:568 Error event: {type: "otherError", details: "internalException", fatal: true, event: "demuxerWorker", err: {…}}details: "internalException"err: message: "Uncaught TypeError: Cannot read property 'length' of undefined (blob:https://hls-js.netlify.app/ecc8bff8-df51-402f-982e-cf76afc2d6bd:5353)"__proto__: Objectevent: "demuxerWorker"fatal: truetype: "otherError"__proto__: Object
(anonymous) @ main.js:568
emit @ index.js:203
trigger @ observer.ts:13
Demuxer.w.onerror @ demuxer.js:58
error (async)
Demuxer @ demuxer.js:57
_loadFragment @ stream-controller.js:459
_fetchPayloadOrEos @ stream-controller.js:280
_doTickIdle @ stream-controller.js:229
doTick @ stream-controller.js:106
tick @ task-loop.ts:111
onLevelLoaded @ stream-controller.js:844
onEventGeneric @ event-handler.ts:82
onEvent @ event-handler.ts:69
emit @ index.js:203
trigger @ observer.ts:13
_handlePlaylistLoaded @ playlist-loader.ts:518
_handleTrackOrLevelPlaylist @ playlist-loader.ts:417
loadsuccess @ playlist-loader.ts:265
readystatechange @ xhr-loader.js:118
XMLHttpRequest.send (async)
loadInternal @ xhr-loader.js:80
load @ xhr-loader.js:38
load @ playlist-loader.ts:235
onManifestLoading @ playlist-loader.ts:132
onEventGeneric @ event-handler.ts:82
onEvent @ event-handler.ts:69
emit @ index.js:203
trigger @ observer.ts:13
loadSource @ hls.ts:288
loadSelectedStream @ main.js:251
applyConfigEditorValue @ main.js:1376
onclick @ (index):111
main.js:639 Fatal error :internalException
(anonymous) @ main.js:639
emit @ index.js:203
trigger @ observer.ts:13
Demuxer.w.onerror @ demuxer.js:58
error (async)
Demuxer @ demuxer.js:57
_loadFragment @ stream-controller.js:459
_fetchPayloadOrEos @ stream-controller.js:280
_doTickIdle @ stream-controller.js:229
doTick @ stream-controller.js:106
tick @ task-loop.ts:111
onLevelLoaded @ stream-controller.js:844
onEventGeneric @ event-handler.ts:82
onEvent @ event-handler.ts:69
emit @ index.js:203
trigger @ observer.ts:13
_handlePlaylistLoaded @ playlist-loader.ts:518
_handleTrackOrLevelPlaylist @ playlist-loader.ts:417
loadsuccess @ playlist-loader.ts:265
readystatechange @ xhr-loader.js:118
XMLHttpRequest.send (async)
loadInternal @ xhr-loader.js:80
load @ xhr-loader.js:38
load @ playlist-loader.ts:235
onManifestLoading @ playlist-loader.ts:132
onEventGeneric @ event-handler.ts:82
onEvent @ event-handler.ts:69
emit @ index.js:203
trigger @ observer.ts:13
loadSource @ hls.ts:288
loadSelectedStream @ main.js:251
applyConfigEditorValue @ main.js:1376
onclick @ (index):111
logger.js:40 [log] > destroy
logger.js:40 [log] > detachMedia
logger.js:40 [log] > media source detaching
logger.js:40 [log] > main stream-controller: PARSING->STOPPED

For media errors reported on Chrome browser, please also paste the output of chrome://media-internals 

[robwalch]

I was able to reproduce the issue. It appears to be an issue with m3u8 segments that do not contain any ID3 media. hls.js is expecting to find timestamp metadata to sync audio with video but that shouldn't be required for audio only or TS elementary streams.

[kolay-v]

Thank you for fixing the issue. Looks like it working in 0.14.12