Офлайн просмотр на сайте | Offline viewing on the website

[AN0NCER]

Ru

Уже есть множество примеров того, как это должно работать и как это выглядит. Для этого проекта начал использовать IndexedDB, потому что позволяет хранить видео сегменты которые я объединяю в файл m3u8 при помощи Blob

En

There are already many examples of how it should work and how it looks. I started using IndexedDB for this project because it allows me to store video segments that I merge into a m3u8 file using Blob.

[AN0NCER]

Ru

Воспроизведение через библиотеку hls.js на ios (18.1) до сих пор происходят дроп фпс до 0, начиная с версии ios (17.0). Поэтому есть решение использовать на ios устройствах source

En

Playback via the hls.js library on ios (18.1) is still dropping fps to 0 since the ios version (17.0). So there is a solution to use source on ios devices

Использую | Using:

const link = Generatem3u8(blobs);
const video = $("video")[0];

video.disableRemotePlayback = true;
video.controls = true;

const videoSource1 = document.createElement('source');

videoSource1.type = 'application/x-mpegURL';
videoSource1.src = link; // Create URL from MediaSource

video.appendChild(videoSource1);