ȸ¿ø°¡ÀԡžÆÀ̵ð/ºñ¹øã±â
ȨÀ¸·Î

HTML5 Audio 2ä³Î Àç»ý + Àç»ý¿Ï·á ¸®½º³Ê
8³â Àü
•HTML5 Audio 2ä³Î Àç»ýÀÇ °³¼±ÆÇ
•°¢ ä³ÎÀÇ À缺¿Ï·á ½ÃÁ¡ ¹× Àüü ä³ÎÀÇ Àç»ý¿Ï·á ½ÃÁ¡À» °ËÃâ °¡´É
<script>
var last_ch = 1;
var chs = [];
chs[0] = new Audio();
chs[1] = new Audio();
chs[0].addEventListener('ended', function() { ch_ended(0); }, false );
chs[1].addEventListener('ended', function() { ch_ended(1); }, false );

function ch_ended(no) {
        console.log("Ch #"+no+" ended.");
        if(!chs[0].paused)return;
        if(!chs[1].paused)return;
        all_ch_ended();
}

function all_ch_ended() {
        console.log("All chs ended.");
}

function sound_play(src) {
        var current_ch = (last_ch == 1)? 0:1;
        chs[current_ch].src = src;
        chs[current_ch].play();
        console.log('Playing on ch #'+current_ch+' (src='+src+')');
        last_ch = current_ch;
}
</script>
<?php
$sounds = array(
array('label'=>'A major', 'src'=>'http://upload.wikimedia.org/wikipedia/commons/3/34/A-major.ogg'),
array('label'=>'B major', 'src'=>'http://upload.wikimedia.org/wikipedia/commons/f/fa/B-major.ogg'),
array('label'=>'C major', 'src'=>'http://upload.wikimedia.org/wikipedia/commons/3/32/C-major.ogg'),
array('label'=>'D major', 'src'=>'http://upload.wikimedia.org/wikipedia/commons/4/4b/D-major.ogg'),
array('label'=>'E major', 'src'=>'http://upload.wikimedia.org/wikipedia/commons/8/8c/E-major.ogg'),
array('label'=>'F major', 'src'=>'http://upload.wikimedia.org/wikipedia/commons/c/cf/F-major.ogg'),
array('label'=>'G major', 'src'=>'http://upload.wikimedia.org/wikipedia/commons/4/4e/G-major.ogg')
);

foreach($sounds as $sound) {
        $label= $sound['label'];
        $src = $sound['src'];
        echo "<button onclick=\"sound_play('$src');\">$label</button>";
}
?>


¿¹Á¦)
<script>
var last_ch = 1;
var chs = [];
chs[0] = new Audio();
chs[1] = new Audio();
chs[0].addEventListener('ended', function() { ch_ended(0); }, false );
chs[1].addEventListener('ended', function() { ch_ended(1); }, false );

function ch_ended(no) {
        console.log("Ch #"+no+" ended.");
        if(!chs[0].paused)return;
        if(!chs[1].paused)return;
        all_ch_ended();
}

function all_ch_ended() {
        console.log("All chs ended.");
}

function sound_play(src) {
        var current_ch = (last_ch == 1)? 0:1;
        chs[current_ch].src = src;
        chs[current_ch].play();
        console.log('Playing on ch #'+current_ch+' (src='+src+')');
        last_ch = current_ch;
}
</script>
<button onclick="sound_play('http://upload.wikimedia.org/wikipedia/commons/3/34/A-major.ogg');">A major</button><button onclick="sound_play('http://upload.wikimedia.org/wikipedia/commons/f/fa/B-major.ogg');">B major</button><button onclick="sound_play('http://upload.wikimedia.org/wikipedia/commons/3/32/C-major.ogg');">C major</button><button onclick="sound_play('http://upload.wikimedia.org/wikipedia/commons/4/4b/D-major.ogg');">D major</button><button onclick="sound_play('http://upload.wikimedia.org/wikipedia/commons/8/8c/E-major.ogg');">E major</button><button onclick="sound_play('http://upload.wikimedia.org/wikipedia/commons/c/cf/F-major.ogg');">F major</button><button onclick="sound_play('http://upload.wikimedia.org/wikipedia/commons/4/4e/G-major.ogg');">G major</button>
ÃßõÃßõ : 388 Ãßõ ¸ñ·Ï
¹øÈ£ Á¦¸ñ
2,705
jQuery.getJSON, JSON µ¥ÀÌÅ͸¦ ·Îµå
2,704
jQuery length¿Í slideToggle ¿¹Á¦
2,703
[CSS] before¿Í after ¼±ÅÃÀÚ¸¦ ÀÌ¿ëÇÏ¿© Float ¼Ó¼º ÇØÁ¦
2,702
jQuery toggleClass() Methods
2,701
jQuery stop(),Callback,Chaining
2,700
jQuery Effects - Animation
2,699
jQuery Effects - Sliding
2,698
jQuery fadeIn(), fadeOut(), fadeToggle(), fadeTo()
2,697
jQuery hide(), show(), toggle()
2,696
jquery trigger(), ÇÔ¼ö ½ÇÇà½ÃÅ°±â
2,695
ºñ¹Ð¹øÈ£(Æнº¿öµå) À¯È¿¼º üũ (¹®ÀÚ, ¼ýÀÚ, Ư¼ö¹®ÀÚÀÇ Á¶ÇÕÀ¸·Î 6~16ÀÚ¸®)
2,694
PHP ¹®ÀÚ¿­¿¡ ÇѱÛÀÌ Æ÷ÇԵǾî ÀÖ´ÂÁö üũ
2,693
ÇѱÛüũ(preg match)
2,692
javascript escape/unescape -> php
2,691
Æú´õ¾ÈÀÇ ÆÄÀÏ °¡Áö°í ³î±â
2,690
Á¤±Ô Ç¥Çö½ÄÀ¸·Î ÇÑ±Û ¹®ÀÚ Æ÷ÇÔÇÏ´ÂÁö È®ÀÎÇϱâ
2,689
À¯´ÏÄڵ带 ÀÌ¿ë ÇÑ±Û Ãʼº, Áß¼º, Á¾¼ºÀ¸·Î ÂÉ°³±â - ÇѱÛ/¿µ¹® º¯È¯
2,688
ÇÑ±Û Ãʼº,Áß¼º,Á¾¼º ÀÚ¸£±â ÇÔ¼ö
2,687
ÆÄÀ̽㿡¼­ À¯´ÏÄÚµå ½ºÆ®¸² ´Ù·ç±â
2,686
Python 2.x ÇÑ±Û ÀÎÄÚµù °ü·Ã Á¤¸®
2,685
%uABCD%u1234 °°Àº urlÀÇ À¯´ÏÄÚµå µðÄÚµù
2,684
ÇѱÛ, ÇÑÀÚ¸¦ À¯´ÏÄÚµå·Î º¯È¯Çϱâ
2,683
°æ·Î ºÐ¸®Çϱâ
2,682
ÇÑ±Û ASCII Äڵ带 À¥ URL¿¡¼­ »ç¿ëµÇ´Â UTF8 ÄÚµå·Î º¯È¯
2,681
Unicode (UTF-8) ÀÎÄÚµù¿¡¼­ ÇÑ±Û ±ÛÀÚ¼ö Ãâ·Â ¹× iconv substr
2,680
PHP¿¡¼­ À¯´ÏÄÚµå·Î ¹®ÀÚ¿­ ÀÎÄÚµùÇϱâ
2,679
[JavaScript] µÚ·Î°¡±â È÷½ºÅ丮°¡ ¾ø´Â °ÍÀ» ¾î¶»°Ô ¾Ë ¼ö ÀÖÀ»±î?
2,678
htmlspecialchars, entity decode
2,677
Php : Finding Chrome and Safari Browsers
2,676
[Shoutcast] jPlayer and Shoutcast Configuration
¸ñ·Ï
¹ÂÁ÷Æ®·ÎÆ® ºÎ»ê±¤¿ª½Ã ºÎ»êÁø±¸ °¡¾ßµ¿ ¤Ó °³ÀÎÁ¤º¸Ãë±Þ¹æħ
Copyright ¨Ï musictrot All rights reserved.