HTML5中的无线电流侦听音频元素在iPhone上不起作用

时间:2017-11-03 15:41:04

标签: javascript ios iphone html5 html5-audio

我的广播流在浏览器和Android手机中运行良好,但是当我尝试在iPhone上收听时似乎无法正常工作。我做错了什么?

这是我的代码:

HTML:

<audio id='player' controls="controls" style="display: none">
 <source src="http://167.114.116.151:8010/;listen.mp3" type="audio/mpeg">
</audio>

JavaScript的:

   $(document).ready(function(){
    var getaudio = $('#player')[0];

    $("#volume").val(getaudio.volume*100);
    $('#stop').hide();
    $('#mute').hide();


    $('#play').click(function(){
            //getaudio.play();
            document.getElementById("player").play();
            $('#play').hide();
            $('#stop').show();
    });
    $('#stop').click(function(){
        getaudio.pause();
        $('#play').show();
        $('#stop').hide();
    });
    $('.audio').click(function(){
        if (getaudio.muted) {
            getaudio.muted= false;
            $('#mute').hide();
            $('#audio').show();
        }else{
            getaudio.muted= true;
            $('#mute').show();
            $('#audio').hide();
        }
    });
    $("#volume").bind("change", function() {
        getaudio.volume = $(this).val()/100;
    });
});

0 个答案:

没有答案