0
자동으로 모두 재생할 여러 트랙이있는 jPlayer를 설정했습니다. 트랙을 추가했는데 모두 자동 재생됩니다. 어떻게하면 자동으로 함께 재생할 수 있습니까? 모두로드? 나는 사건을 통해이 일을 할 수 있다고 생각하지만, 어떻게해야할지 모르겠다.JPlayer - 동기화 된 트랙 재생
<script type="text/javascript">
$(document).ready(function() {
\t \t $('.ui-slider-handle').draggable(); \t
\t \t
\t \t // Base Track
\t $("#base-track").jPlayer({
\t ready: function(event) {
\t $(this).jPlayer("setMedia", {
\t title: "Base Track",
\t mp3: "audio/track1/audio_test_layer_base.mp3"
\t \t }).jPlayer("play");
\t \t },
\t \t \t ended: function() {
\t \t \t $(this).jPlayer("play");
\t \t \t },
\t swfPath: "/js",
\t supplied: "mp3",
\t \t \t preload: "auto",
\t \t volume: 0.8,
\t \t muted: false,
\t });
\t
\t \t
\t
\t // Track 1
\t $("#jquery_jplayer_1").jPlayer({
\t ready: function(event) {
\t $(this).jPlayer("setMedia", {
\t title: "Layer 1",
\t mp3: "audio/track1/audio_test_layer1.mp3"
\t \t }).jPlayer("play");
\t \t },
\t \t \t ended: function() {
\t \t \t $(this).jPlayer("play");
\t \t \t },
\t swfPath: "/js",
\t supplied: "mp3, oga",
\t \t \t preload: "auto",
\t \t volume: 0.0,
\t \t muted: false,
\t });
\t
$('#slider').slider({
min: 0,
\t \t max: 1,
\t \t range: "min",
\t \t step: 0.01,
value: 0,
orientation: "horizontal",
slide: function(event, ui) {
\t \t \t var volume = ui.value/1;
\t \t \t $("#jquery_jplayer_1").jPlayer("volume", volume);
$('#scene1').css('opacity', ui.value)
\t \t }
})
\t // Track 2
\t $("#jquery_jplayer_2").jPlayer({
\t ready: function(event) {
\t $(this).jPlayer("setMedia", {
\t title: "Layer 2",
\t mp3: "audio/track1/audio_test_layer2.mp3"
\t \t }).jPlayer("play");
\t \t },
\t \t \t ended: function() {
\t \t \t $(this).jPlayer("play");
\t \t \t },
\t swfPath: "/js",
\t supplied: "mp3",
\t \t \t preload: "auto",
\t \t volume: 0.3,
\t \t muted: false,
\t });
\t
\t $('#slider2').slider({
min: 0,
max: 1,
step: 0.01,
value: 0.3,
orientation: "horizontal",
slide: function(event, ui) {
\t \t \t var volume = ui.value/1;
\t \t \t $("#jquery_jplayer_2").jPlayer("volume", volume);
$('#scene2').css('opacity', ui.value)
\t \t }
})
\t // Track 3
\t $("#jquery_jplayer_3").jPlayer({
\t ready: function(event) {
\t $(this).jPlayer("setMedia", {
\t title: "Layer 3",
\t mp3: "audio/track1/audio_test_layer3.mp3"
\t \t }).jPlayer("play");
\t \t },
\t \t \t ended: function() {
\t \t \t $(this).jPlayer("play");
\t \t \t },
\t swfPath: "/js",
\t supplied: "mp3",
\t \t \t preload: "auto",
\t \t volume: 0.0,
\t \t muted: false,
\t });
\t
\t $('#slider3').slider({
min: 0,
max: 1,
step: 0.01,
value: 0,
orientation: "horizontal",
slide: function(event, ui) {
\t \t \t var volume = ui.value/1;
\t \t \t $("#jquery_jplayer_3").jPlayer("volume", volume);
$('#scene3').css('opacity', ui.value)
\t \t }
})
\t // Track 4
\t $("#jquery_jplayer_4").jPlayer({
\t ready: function(event) {
\t $(this).jPlayer("setMedia", {
\t title: "Layer 4",
\t mp3: "audio/track1/audio_test_layer4.mp3"
\t \t }).jPlayer("play");
\t \t },
\t \t \t ended: function() {
\t \t \t $(this).jPlayer("play");
\t \t \t },
\t swfPath: "/js",
\t supplied: "mp3",
\t \t \t preload: "auto",
\t \t volume: 0,
\t \t muted: false,
\t });
\t
\t $('#slider4').slider({
min: 0,
max: 1,
step: 0.01,
value: 0,
orientation: "horizontal",
slide: function(event, ui) {
\t \t \t var volume = ui.value/1;
\t \t \t $("#jquery_jplayer_4").jPlayer("volume", volume);
$('#scene4').css('opacity', ui.value)
\t \t }
})
\t // Track 5
\t $("#jquery_jplayer_5").jPlayer({
\t ready: function(event) {
\t $(this).jPlayer("setMedia", {
\t title: "Layer 5",
\t mp3: "audio/track1/audio_test_layer5.mp3"
\t \t }).jPlayer("play");
\t \t },
\t \t \t ended: function() {
\t \t \t $(this).jPlayer("play");
\t \t \t },
\t swfPath: "/js",
\t supplied: "mp3",
\t \t \t preload: "auto",
\t \t volume: 0.8,
\t \t muted: false,
\t });
\t
\t $('#slider5').slider({
min: 0,
max: 1,
step: 0.01,
value: 0.8,
orientation: "horizontal",
slide: function(event, ui) {
\t \t \t var volume = ui.value/1;
\t \t \t $("#jquery_jplayer_5").jPlayer("volume", volume);
$('#scene5').css('opacity', ui.value)
\t \t }
})
\t // Track 6
\t $("#jquery_jplayer_6").jPlayer({
\t ready: function(event) {
\t $(this).jPlayer("setMedia", {
\t title: "Layer 6",
\t mp3: "audio/track1/audio_test_layer6.mp3"
\t \t }).jPlayer("play");
\t \t },
\t \t \t ended: function() {
\t \t \t $(this).jPlayer("play");
\t \t \t },
\t swfPath: "/js",
\t supplied: "mp3",
\t \t \t preload: "auto",
\t \t volume: 0.0,
\t \t muted: false,
\t });
\t
\t $('#slider6').slider({
min: 0,
max: 1,
step: 0.01,
value: 0,
orientation: "horizontal",
slide: function(event, ui) {
\t \t \t var volume = ui.value/1;
\t \t \t $("#jquery_jplayer_6").jPlayer("volume", volume);
$('#scene6').css('opacity', ui.value)
\t \t }
})
});</script>