Интерфейс для слабовидящих


Плеер не поддерживает программы чтения с экрана для слабовидящих. Но вы можете создать облегченный интерфейс снаружи и связать его с плеером через JS API. Вы можете разместить этот код на странице вне плеера и показывать всегда, либо при нажатии на специальную кнопку для слабовидящих.

<input type="button" value="Пуск" aria-label="Пуск" onclick="player.api('play')"/>
<input type="button" value="Пауза" aria-label="Пауза" onclick="player.api('pause')"/>
<input type="button" value="Тише" aria-label="Тише" onclick="player.api('volume','-0.1')"/>
<input type="button" value="Громче" aria-label="Громче" onclick="player.api('volume','+0.1')"/>
<input type="button" value="-10 секунд" aria-label="-10 секунд" onclick="player.api('seek','-10')"/>
<input type="button" value="+10 секунд" aria-label="+10 секунд" onclick="player.api('seek','+10')"/>
<input type="button" value="На полный экран" aria-label="На полный экран" onclick="player.api('fullscreen')"/>
Перемотка: <input id="pjs_seek_hour" type="number" value="0" aria-label="Часы"/> :
<input id="pjs_seek_minute" type="number" value="0" aria-label="Минуты" /> : 
<input id="pjs_seek_second" type="number" value="0" aria-label="Секунды" />
<input type="button" value="Перемотать" aria-label="Перемотать" onclick="player.api('seek',document.getElementById('pjs_seek_hour').value*3600 + document.getElementById('pjs_seek_minute').value*60 + document.getElementById('pjs_seek_second').value)"/>
Скорость: <input type="button" value="0.5" aria-label="0.5" onclick="player.api('speed','0.5')" />
<input type="button" value="Нормальная" aria-label="Нормальная" onclick="player.api('speed','1.0')" />
<input type="button" value="1.25" aria-label="1.25" onclick="player.api('speed','1.25')" />
<input type="button" value="1.5" aria-label="1.5" onclick="player.api('speed','1.5')" />
<input type="button" value="2" aria-label="2" onclick="player.api('speed','2.0')" />
<div id="player"></div>
<script>let player = new Playerjs({id:"player",file:"//site.com/video.mp4"});

Пример

Перемотка: : :

Скорость:


19.12.12
2024 © PlayerJS

Регистрация

Создать аккаунт
Регистрируясь, вы принимаете Пользовательское соглашение
Войдите, если уже есть аккаунт

Восстановить пароль

Восстановить
Если вы забыли свой email, напишите нам