오디오 플레이어 소스 코드

● 기본 플레이어

<embed style="filter:invert()" src="음악주소" width=400 height=40 type=audio/x-ms-wma invokeURLs="false"
x-x-allowscriptaccess="DAUM" invokeURLSinvokeURLS="false" volume="0" PlayCount="10" autostart="false">

 

● 자동재생 플레이어

<embed style="filter:invert()" src="음악주소" width=400 height=40 type=audio/x-ms-wma invokeURLs="false"
x-x-allowscriptaccess="DAUM" invokeURLSinvokeURLS="false" volume="0" PlayCount="10" autostart="true">

 

● 플레이어 X

<EMBED invokeURLs=false invokeURLs=false invokeURLs=false src="음악주소" hidden="true" type="text/plain;
charset=EUC-KR" ShowPositionControls="false" volume="0">

 

● 플레이어 X 무한 반복

<EMBED invokeURLs=false invokeURLs=false invokeURLs=false src="음악주소" hidden="true" type="text/plain;
charset=EUC-KR" ShowPositionControls="false" volume="0" PlayCount="10" autostart="true">

 

● 하늘호수 방송국 플레이어

<center><EMBED src=http://www.24sky.co.kr/fl/24skyfp.swf WIDTH=200 HEIGHT=50><br>

<a href=http://www.24sky.co.kr/gweb/bbs/board.php?bo_table=b3_7><b>♬━─ [하늘호수방송국 음악신청]━─♬

 

● audio 태그

<audio id="audio" autoplay loop>

    <source src="음악주소" type="audio/mp4"/>

</audio>

 

● 크롬 미니 원형 플레이어

<style>

#hz {width:30px;height:30px;overflow:hidden;border-radius:50%; border:1px solid #cccccc;box-sizing:content-box;}

#hz audio {margin-top:-12px;margin-left:-11px;display:block}

</style>



<div id="hz">

    <audio src="음악주소" controls loop autoplay></audio>

</div>

 

● 2개 오디오 재생 토글 버튼

<script src="https://code.jquery.com/jquery-latest.min.js"></script>



<script>

function toggle_play() {

    var hz1 = document.getElementById('hz1');

    var hz2 = document.getElementById('hz2');

    

    if (hz1.paused == true) {

        hz2.pause();

        hz2.currentTime = 0;

        hz1.play();

    } else {

        hz1.pause();

        hz1.currentTime = 0;

        hz2.play();

    }

}

$(function () {

    $("#btn_sentence").on("click", function() {

        toggle_play();

    });

});

</script>

 

<audio src="음악주소" controls id="hz1"></audio>

<audio src="음악조수" controls id="hz2"></audio>

 

<button type="button" id="btn">재생 토글</button>