>웹 프론트엔드 >JS 튜토리얼 >다양한 브라우저와 호환되는 음악 재생 js 코드 구현

다양한 브라우저와 호환되는 음악 재생 js 코드 구현

小云云
小云云원래의
2017-11-18 10:00:102752검색

가끔 웹페이지를 만들 때. 배경 음악을 사용해야 하는데 일부 브라우저에서는 이를 전혀 재생할 수 없을 것이라고 예상했습니다. 그러면 어떤 종류의 js 코드가 이 호환 기능을 구현할 수 있을까요? 그런 것이 없으면 아래 편집기에서 다양한 브라우저와 호환되는 배경 음악 루프 재생을 위한 js 코드를 공유해 드립니다.

var bgSoundFile = " 
if (navigator.userAgent.toLowerCase().indexOf("msie") != -1) 
{    document.write(&#39;<bgsound src="&#39; + bgSoundFile + &#39;" loop="-1">&#39;);
} else if (navigator.userAgent.toLowerCase().indexOf("firefox") != -1) 
{    document.write(&#39;<object data="&#39; + bgSoundFile + &#39;" type="application/x-mplayer2" 
width="0" height="0"><param name="filename" value="&#39; + bgSoundFile + &#39;">
<param name="autostart" value="1"><param name="playcount" value="infinite">
</object>&#39;);} 
else {    document.write(&#39;<audio src="&#39; + bgSoundFile + &#39;" autoplay="autoplay" loop="loop">
<object data="&#39; + bgSoundFile + &#39;" type="application/x-mplayer2" width="0" height="0">
<param name="filename" value="&#39; + bgSoundFile + &#39;"><param name="autostart" value="1">
<embed height="2" width="2" src="&#39; + bgSoundFile + &#39;" pluginspage="http://www.apple.com/quicktime/download/" 
type="video/quicktime" controller="false" controls="false" autoplay="true" autostart="true" loop="true" bgcolor="#000000">
</embed>
</object>
</audio>&#39;);
}

위는 다양한 브라우저와 호환되는 배경음악 루프 재생을 구현할 수 있는 js 코드입니다. 어쩌면 나중에도 사용할 수 있으니 서둘러서 저장해두세요.

관련 권장 사항:

html5를 사용하여 웹 뮤직 플레이어를 작성하는 방법

JS 버튼을 사용하여 배경 음악 구현 코드를 추가하는 방법

Java 뮤직 플레이어 구현 예

위 내용은 다양한 브라우저와 호환되는 음악 재생 js 코드 구현의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.