javascript - 点击关闭音量

Question

我希望能够通过单击我已经计算出的图像来打开音量，但随后我想在单击图像时关闭音量。

我有两张图像在扬声器打开和扬声器关闭之间切换

单击“Speaker_on”时，图像将更改为扬声器关闭并播放音频单击“Speaker_off”时，图像将更改为扬声器打开，但音频不会关闭

我使用 setVolume 来控制音频设置

这是我的 jquery 代码

$(document).ready(function(){
              //use event delegation
              $(document).on('click','#imageid',function(){

                var $this= $(this);
                $('#toggle').toggle('slide',function(){
                  //swap src of the image on toggle is completed
                 var imgsrc = $this.attr('src');
                  $this.attr('src',$this.data('othersource'));
                  $this.data('othersource',imgsrc);

               });
              });
            });

这是我的 html

<div id="toggle"><strong>Click speaker for volume</strong> </div>

<img src="images/speaker_on.jpg" onclick='jwplayer(smallvid).setVolume(80);'id="imageid" data-othersource="/images/speaker_off.jpg"  />

这是当扬声器关闭图像选择为关闭图像时我需要调用的代码

 jwplayer(smallvid).setVolume(0);

我尝试了几种方法，但当我切换到扬声器关闭图像时，似乎无法关闭音量。

谢谢

Answer 1

尝试 JSfiddle here

    jwplayer('playerveGLz8Hc').setup({
        playlist: 'http://jwpsrv.com/feed/veGLz8Hc.rss',
        width: '100%',
        aspectratio: '16:9'
    });
$("#infoToggler").click(function() {
    var onVol = 100, offVol = 0 ;
    var vol = jwplayer().getVolume();
    if(vol == 0 )
    {
        jwplayer().setVolume(onVol);
        $(this).find('img').toggle();    
    }
    else{
         jwplayer().setVolume(offVol);
        $(this).find('img').toggle();
    }



});

我只是按照您的要求在图像之间切换，并根据该图像设置音量打开和关闭，请检查并告诉我它是否有效

很高兴为您提供帮助