AliyunPlayer_Web icon indicating copy to clipboard operation
AliyunPlayer_Web copied to clipboard

Web播放器音量按钮如何实现点击静音,hover时再显示出上面的控制面板

Open Geekhyt opened this issue 4 years ago • 4 comments

是否暴露了监听相关事件的api?

Geekhyt avatar Jun 15 '20 09:06 Geekhyt

1.音量按钮,需要拖动实现音量的大小变化,如果想要一键静音,播放器提供了静音的方法,player.setVolume(0),可以自己写一个按钮,点击触发静音。 2.new aliplayer的时候,设置参数controlBarVisibility: 'hover',可以实现控制栏的hover效果

zhaoyingzi avatar Dec 18 '20 02:12 zhaoyingzi

这样体验不好的,肯定是一个按钮控制声音。拿西瓜视频的播放器音频控制举例哈,可以去体验一下。

Geekhyt avatar Dec 18 '20 02:12 Geekhyt

是的,西瓜做了一个点击静音的操作,在体验上是会方便一些,这个我会反馈一下,把这个一键静音的效果加进去

zhaoyingzi avatar Dec 18 '20 03:12 zhaoyingzi

iOS支持静音,但不支持设置音量,建议把这两块功能上分开,但是在播放器界面上都用音量按钮。如果可以设置音量则显示图标和音量条,如果只支持静音就不显示音量条,点击按钮切换静音。 PS:借鉴video.js https://github.com/videojs/video.js/pull/5052

Mileber avatar Sep 07 '21 09:09 Mileber