Как добиться моментального воспроизведения потокового m3u8 файла на IOS?

Question

[GetQuestion]

Здравствуйте. Вывожу трек длинной в 2 часа в плерее в формате m3u8 (пооковый), работает просто идеально на ПК, на Android но не на IOS конечно-же! На IOS после нажатия на Play трек грузится минут 5-10 потом только начинается воспроизведение! Нажал на паузу, снова на play и снова 5-10 минут!
На android / windows все летает моментально.

m3u8 создаю так:

ffmpeg -y -i "Rompasso.mp3" -c:a aac -b:a 128k -muxdelay 0 -f segment -sc_threshold 0 -segment_time 5 -segment_list "playlist.m3u8" -segment_format mpegts "file%d.m4a"

Плеер на сайте работает так:
<audio id="audioPlayer" controls></audio>

Подключаю

<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>

как раз для android / windows. IOS это не поддерживает, как указано "Он итак работает с hls", оно и видно как...

var audioPlayer = document.getElementById('audioPlayer');
	var hls = new Hls();
	var streamURL = 'playlist.m3u8';

	if (Hls.isSupported()) {
		hls.loadSource(streamURL);
		hls.attachMedia(audioPlayer);
	} else {
		audioPlayer.src = 'playlist.m3u8';
	}

Answer 1

[Daemon23RUS]

a) hls.on(Hls.Events.MANIFEST_PARSED .... play (похожий евент сделать ветке исполнения IOS)
b) .m3u8 MIME Type: vnd.apple.mpegURL (в ответе сервера, и если мне память не изменяет для кроссустройств должен быть другой тип, не помню какой именно)
Сложно сказать, что у Вас происходит не видя чуть более полного кода. Можно предположить что IOS подгружает полностью аудио и стартует после этого.
P.S. у ТС проблема с IOS решилась заменой формата сегментов

ffmpeg \
-i Rompasso.mp3 \
-vn -ac 2 -acodec aac \
-f segment -segment_format mpegts -segment_time 10 \
-segment_list audio_pl.m3u8 \
audio_segment%05d.ts

Comments

[GetQuestion]

Так и есть, воспроизведение после загрузки т.к. короткое аудио воспроизводит моментально и работает нормально.

В ответе от сервера на .m3u8 файл:

Accept-Ranges: bytes
Content-Length: 21661
Content-Type: application/vnd.apple.mpegurl
Date: Sun, 05 Nov 2023 16:54:03 GMT
Etag: "549d-6096a1c79ebdb"
Last-Modified: Sun, 05 Nov 2023 16:20:09 GMT
Server: Apache

[Daemon23RUS]

Из документации Эппла, попробуйте с точностью до символа указать. По ощущениям HLS не распознается.

[Daemon23RUS]

GetQuestion Дополню, а какая сетевая активность за эти "грузится минут 5-10" ?

[GetQuestion]

Daemon23RUS, понятия не имею, с iphone консоль браузера не посмотришь). Сейчас попробую MIME указать точно

[Daemon23RUS]

GetQuestion,
Еще посмотрите когда наступают Events от HTMLMediaElement, будет хоть какое то представление о том что же происходит в реальности.

[GetQuestion]

Daemon23RUS, Content-Type: application/vnd.apple.mpegURL не помогло...
Еще что заметил, после загрузки html плеер на странице начинает воспроизведение будто в самом конце трека на iphone...

[Daemon23RUS]

GetQuestion, Тогда качать утилиты от эппла и смотреть что не так. Возможно чего то не хватает в плейлисте. There are several tools available that can help you set up an HTTP Live Streaming service. The tools include a media stream segmenter, a media file segmenter, a stream validator, an id3 tag generator, and a variant playlist generator.

The tools are frequently updated, so you should download the current version of the HTTP Live Streaming Tools from the Apple Developer website. You can access them if you are a member of the iOS Developer Program. One way to navigate to the tools is to log onto developer.apple.com, then use the search feature.

[GetQuestion]

Daemon23RUS, команда

ffmpeg -y -i "Rompasso.mp3" -c:a aac -b:a 128k -muxdelay 0 -f segment -sc_threshold 0 -segment_time 5 -segment_list "playlist.m3u8" -segment_format mpegts "file%d.m4a"

генерирует такие файлы, пример:
https://cloud.mail.ru/public/tk5V/t6CzheyNY
https://cloud.mail.ru/public/krw1/5wgRpR8bj

[GetQuestion]

Daemon23RUS, Получилось, когда сгенерировал m3u8 совместно с .ts файлами, а не с m4a такой командой:

ffmpeg \
-i Rompasso.mp3 \
-vn -ac 2 -acodec aac \
-f segment -segment_format mpegts -segment_time 10 \
-segment_list audio_pl.m3u8 \
audio_segment%05d.ts

И теперь на ios работает все быстро. Но не поддерживается для android / windows такой плейлист XD Но это уже не проблема.

[Daemon23RUS]

GetQuestion, Можно сервить 2 файла m3u8, или разобраться как это делается внутри m3u8, да и с Content-Type "поиграть"