[asp.net-mvc]自定义 Azure 媒体播放器静音和取消静音按钮

发布时间: 2016/10/4 19:09:02
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我想自定义我自己 Azure 媒体播放器上的静音和取消静音按钮。 当我添加 2 个独立的静音和取消静音按钮的按钮时,却能正常工作。但每当他们相结合。静音触发但解除静默不工作。 我试着去实现在这里点击的只有一个按钮静音和非静音。

这里是两个按钮的示例代码︰

 <h1>Sample: Clear</h1>
    <video id="azuremediaplayer" class="azuremediaplayer amp-default-skin amp-big-play-centered" tabindex="0"></video>
    <button type="button" onclick="playVid()">Play</button>
    <button type="button" onclick="pauseVid()">Pause</button>
    <button type="button" value="mute" id="mute" onclick ="muteVid()">Mute</button>
    <button type="button" value="mute" id="mute" onclick="unMuteVid()">UnMute</button>


    <script>
        function pauseVid(){
            myPlayer.pause();
        }
        function playVid() {
            myPlayer.play();
        }
        function muteVid() {
            myPlayer.muted(true);
        }
        function unMuteVid() {
            myPlayer.muted(false);
        }

    </script>

这里是静音的示例代码,然后解除静默相结合︰

<video id="azuremediaplayer" class="azuremediaplayer amp-default-skin amp-big-play-centered" tabindex="0"></video>
    <button type="button" onclick="playVid()">Play</button>
    <button type="button" onclick="pauseVid()">Pause</button>
    <button type="button" value="mute" id="mute" onclick ="muteVid()">Mute</button>



    <script>
        function pauseVid(){
            myPlayer.pause();
        }
        function playVid() {
            myPlayer.play();
        }
        function muteVid() {
            if (myPlayer.muted(false)) {
                myPlayer.muted(true);
            } else {
                myPlayer.muted(false);
            }
        }

我有语法确定经营者的困难。

解决方法 1:

您需要更改静音的功能,如下图所示︰

 function muteVid() {
        if (!myPlayer.muted()) {
            myPlayer.muted(true);
        } else {
            myPlayer.muted(false);
        }
    }  

请注意,您应该使用! myPlayer.muted()作为 if 条件而不是myPlayer.muted(false).。根据篇文章,静音的功能有两个重载︰ muted(boolean)muted()muted(boolean)用于设置为静音的状态的玩家和返回播放器对象,所以您原始的脚本将首先设置播放机将取消静音,然后将其设置回静音和永远不会走进 else 子句,这是触发静音的原因但是解除静默不工作。

赞助商