视障人士界面

  抱歉,这篇文章有英文版

The player by default does not support screen readers. But you can create a lightweight special interface from the outside and link it to the player via the JS API. You can place this code on a page outside the player and show it always, or by clicking on a special button for the visually impaired.

<input type="button" value="Play" aria-label="Play" onclick="player.api('play')"/>
<input type="button" value="Pause" aria-label="Pause" onclick="player.api('pause')"/>
<input type="button" value="Volume -10%" aria-label="Volume -10%" onclick="player.api('volume','-0.1')"/>
<input type="button" value="Volume +10%" aria-label="Volume +10%" onclick="player.api('volume','+0.1')"/>
<input type="button" value="Seek -10s" aria-label="Seek -10s" onclick="player.api('seek','-10')"/>
<input type="button" value="Seek +10s" aria-label="Seek +10s" onclick="player.api('seek','+10')"/>
<input type="button" value="Full screen" aria-label="Full screen" onclick="player.api('fullscreen')"/>
Seeking: <input id="pjs_seek_hour" type="number" value="0" aria-label="Hours"/> :
<input id="pjs_seek_minute" type="number" value="0" aria-label="Minutes" /> : 
<input id="pjs_seek_second" type="number" value="0" aria-label="Seconds" />
<input type="button" value="Seek" aria-label="Seek" onclick="player.api('seek',document.getElementById('pjs_seek_hour').value*3600 + document.getElementById('pjs_seek_minute').value*60 + document.getElementById('pjs_seek_second').value)"/>
Speed: <input type="button" value="0.5" aria-label="0.5" onclick="player.api('speed','0.5')" />
<input type="button" value="Normal" aria-label="Normal" 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"});

Example

Seeking: : :

Speed:


20.0.5
2024 © PlayerJS

登录

登录

免费注册

注册
注册即表示您同意服务条款
登录(如果您有帐户)

恢复密码

恢复
忘记电子邮件?联系我们