Как я могу воспроизводить потоковое радио в версиях iPhone 5 to X на моем веб-сайте? - PullRequest
Новая
       42

Как я могу воспроизводить потоковое радио в версиях iPhone 5 to X на моем веб-сайте?

0 голосов
/ 21 декабря 2018

Я работаю над проектом для клиента.Это потоковое радио, теперь оно работает на нескольких устройствах, например: Chrome, Firefox, Edge, Opera, а также на устройствах Android.Но проблема в том, что я не могу играть с iPhone 5 до версии X.

Сейчас работает с аудио-тегом HTML5.Я тестировал jPlayer для воспроизведения на iPhone, но безуспешных результатов.

Как я могу заставить его работать? Или есть сценарий, который я могу воспроизвести потоковую передачу в iPhone?Вот образец радиостанции:

https://codepen.io/fendercat/pen/zyZWBQ

<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 -->

В коде ручки показан маленький светло-серый плеер с 4 элементами управления (воспроизведение, пауза, увеличение и уменьшение громкости).

...