Question

我正在为一个客户进行项目。它是一种广播流，现在可以在多种设备上使用，例如：Chrome，Firefox，Edge，Opera，也适用于Android设备。但是问题是我无法从iPhone 5播放到X版本。

目前正在使用HTML5音频标签。我一直在测试jPlayer可以在iPhone上播放，但没有成功。

我如何使其工作？或者是否存在可以在iPhone中复制流媒体的脚本？这是广播电台的示例：

<div id="player">
  <div id="player-controles">
    <audio id="player_html5" autoplay="" src="http://162.210.196.145:37747/;">Nombre de la Estación</audio>
      <!-- Botones de control de audio -->
      <div class="areaPlayer">
        <a class="btn" onclick="document.getElementById(&#39;player_html5&#39;).play();">
          <i class="fa fa-play"></i>
        </a>
        <a class="btn" onclick="document.getElementById(&#39;player_html5&#39;).pause();">
          <i class="fa fa-pause"></i>
        </a>
        <a class="btn" onclick="document.getElementById(&#39;player_html5&#39;).volume += 0.1;">
          <i class="fa fa-volume-up"></i>
        </a>
        <a class="btn" onclick="document.getElementById(&#39;player_html5&#39;).volume -= 0.1;">
          <i class="fa fa-volume-down"></i>
        </a>
      </div><!-- /.areaPlayer -->

      <script>
        // Volume Inicial player HTML5
        document.getElementById("player_html5").volume=1.0;
      </script> 
    </div><!-- /#player-controles -->
  </div><!-- /#player -->

codepen显示一个带有4个控件（播放，暂停，提高音量和降低音量）的浅灰色播放器。

我如何在网站上的iPhone 5至X版本中播放广播流？

0 个答案: