에 urbansunsets.com , 나는 HTML5 오디오 플레이어가 있습니다. HTML은 다음과 같습니다.
<div class="col-lg-12 col-sm-12">
<div id="radio_player">
<div class="default-player">
<video width="320" height="240" controls id="audio_player">
<source src="http://stream.radio.co/sedf8bacc9/listen" type="audio/mpeg">
</video>
</div>
<div id="audioplayer">
<button id="pButton" class="pause"></button>
<div class="live">Live</div>
<div id="volume_control">
<label id="rngVolume_label" for="rngVolume">
<i class="fa fa-volume-up" aria-hidden="true"></i>
</label>
<input type="range" id="rngVolume" min="0" max="1" step="0.01" value="0.5">
</div>
<div class="current-piece">
<div class="now-playing">Now playing:</div>
<script src="https://public.radio.co/embed/sedf8bacc9/song.js"></script>
</div>
</div>
</div>
</div>
브라우저에서 재생하는 대신 장치 플레이어에서 열리는 IPhone을 제외하고 데스크톱 / 노트북 및 휴대폰에서 원하는대로 작동합니다 . 왜 그런 겁니까? 브라우저에서 재생할 수 있습니까? 없어진 물건 있어요?
감사합니다!
<div class="col-lg-12 col-sm-12">
<div id="radio_player">
<div class="default-player">
<audio width="320" height="240" controls id="audio_player">
<source src="http://stream.radio.co/sedf8bacc9/listen" type="audio/mpeg">
</audio>
</div>
<div id="audioplayer">
<button id="pButton" class="pause"></button>
<div class="live">Live</div>
<div id="volume_control">
<label id="rngVolume_label" for="rngVolume">
<i class="fa fa-volume-up" aria-hidden="true"></i>
</label>
<input type="range" id="rngVolume" min="0" max="1" step="0.01" value="0.5">
</div>
<div class="current-piece">
<div class="now-playing">Now playing:</div>
<script src="https://public.radio.co/embed/sedf8bacc9/song.js"></script>
</div>
</div>
</div>
</div>
정말로 오디오를 원하신다면 <audio>
대신 시도해보십시오 <video>
.
iPhone에서 보이는 예제는 codepen에서 볼 수 있습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다