Как сделать автоматическую смену качества видео в js?

Question

[Leadmagneet]

Добрый день. Есть встроенный видеоплеер.

<video id="vd" autoplay muted="muted" loop poster="source/img/cover.jpg">
				<source src="source/video/main.mp4" type="video/mp4">
				<track default kind="captions"  srclang="ru" src="source/video/titles.vtt"/>
			</video>

Как можно реализовать динамическую смену качества видео зависящую от скорости интернет соединения, как на ютюбе?

Comments

[Kovalsky]

Не решение, но направление - https://stackoverflow.com/questions/5529718/how-to...

[g_s_e]

<<< Как можно реализовать динамическую смену качества видео зависящую от скорости интернет соединения, как на ютюбе?
Если я верно понимаю, то, что Вам нужно это HLS, https://ru.wikipedia.org/wiki/HLS. Суть такова, что изначально один и тот же видос разбивается на несколько копий, каждая из которых хранится в разном качестве, это все передается потоком в конструтор HLS плеера, который сам стримит видео из этого потока, проверяет скорость интернета и переключается в реалттайме между видео файлами разного качества. Вам нужно поресерчить по тегу HLS и полееру hls.js