Fale conosco!

Mensagem enviada!

Sua mensagem foi enviada com sucesso. Esperamos responder em até 24 horas. Você também pode nos contatar através de redes sociais. Os links estão logo abaixo.

Siga-nos

Instagram
Facebook
YouTube

Endereço

Eugênio José de Souza - 1280
Curitiba, Paraná
Brasil

E-mail

contato@veritasaudio.com.br
JPlayer Playlist - Web Magazine Devmedia< /title> <link href="css/jplayer.blue.monday.css" rel="stylesheet" type="text/css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/ 1.8.3/jquery.min.js"></script> <script type="text/JavaScript" src="http://demo.chapmanit. com/jplayerPlaylist/js/jquery.jplayer.min.js"></script> <script type="text/JavaScript"> <!-- $(document).ready(function(){ // Variável responsável por guardar o item atual de execução var playItem = 0; /* Lista com todas as músicas a serem executadas na playlist. Em uma aplicação dinâmica, os valores provavelmente serão montados a partir de uma linguagem server side. */ var minhaPlayList = [ {name:"Daft Punk - Human After All", mp3: "songs/human-after-all.mp3"}, {name:"Amy Winehouse - You Know I'm No Good", mp3: "songs/you-know-im-no-good.mp3"}, {name:"Black Eyed Peas - Shut Up", mp3:"songs/shut-up.mp3"}, {name:"Nightwish - Ghost River", mp3:"songs/ghost-river.mp3"}, {name:"Daft Punk - Technologic", mp3:"songs/technologic.mp3"} ]; /* Cópias locais para os seletores jQuery, apenas para performance */ // Guarda o tempo atual de execução var jpTempoExecucao = $("#jplayer_tempo_execucao"); // Guarda o tempo total de execução var jpTempoTotal = $("#jplayer_tempo_total"); // Função de criação e configuração do player. $("#jquery_jplayer").jPlayer({ ready: function() { exibirPlayList(); playListInit(true); // Parâmetro é um para autoplay. }, oggSupport: false }) // Configurações gerais do player .jPlayer("onProgressChange", function(loadPercent, playedPercentRelative, playedPercentAbsolute, playedTime, totalTime) { jpTempoExecucao.text($.jPlayer.convertTime(playedTime)); jpTempoTotal.text($.jPlayer.convertTime(totalTime)); }) .jPlayer("onSoundComplete", function() { playListProximo(); }); // Captura o evento de clique para o botão de anterior $("#jplayer_anterior").click(function() { playListAnterior(); $(this).blur(); return false; }); // Captura o evento de clique para o botão de próximo $("#jplayer_proximo").click(function() { playListProximo(); $(this).blur(); return false; }); // Método interno de montagem e exibição da playlist function exibirPlayList() { $("#jplayer_playlist ul").empty(); for (i=0; i < minhaPlayList.length; i++) { var listItem = (i == minhaPlayList.length-1) ? "<li class='jplayer_playlist_ultimo_item'>" : "<li>"; listItem<a href='#' id='jplayer_playlist_item_" +i+"' tabindex='1'>"+ minhaPlayList[i].name</a> (<a id='jplayer_playlist_get_mp3_"+i+"' href='" + minhaPlayList[i].mp3 + "' tabindex='1' >mp3</a>)</li>"; $("#jplayer_playlist ul").append(listItem); $("#jplayer_playlist_item_"+i).data("index", i) .click(function() { var index = $(this).data("index"); if (playItem != index) { mudarPlayList(index); } else { $("#jquery_jplayer").jPlayer("play"); } $(this).blur(); return false; }); $("#jplayer_playlist_get_mp3_"+i).data("index", i) .click(function() { var index = $(this).data("index"); $("#jplayer_playlist_item_"+index) .trigger("click"); $(this).blur(); return false; }); } } // Inicializa a playlist function playListInit(autoplay) { if(autoplay) { mudarPlayList(playItem); } else { playListConfig(playItem); } } // Configura a playlist (quando a mesma não está por padrão como autoplay) function playListConfig(index) { $("#jplayer_playlist_item_"+playItem) .removeClass("jplayer_playlist_current").parent() .removeClass("jplayer_playlist_current"); $("#jplayer_playlist_item_"+index) .addClass("jplayer_playlist_current").parent() .addClass("jplayer_playlist_current"); playItem = index; $("#jquery_jplayer").jPlayer("setFile", minhaPlayList[playItem].mp3, minhaPlayList[playItem].ogg); } function mudarPlayList(index) { playListConfig(index); $("#jquery_jplayer").jPlayer("play"); } // Executa a próxima faixa function playListProximo() { var index = (playItem+1 < minhaPlayList.length) ? playItem + 1 : 0; mudarPlayList(index); } // Executa a faixa anterior function playListAnterior() { var index = (playItem-1 >= 0) ? playItem-1 : minhaPlayList.length-1; mudarPlayList(index); } }); --> </script> </head> <body> <!-- Código para forçar a execução da primeira música quando a página abre. --> <div id="jquery_jplayer" style="position: absolute; top: 0px; left: -9999px;"> <audio id="jqjp_audio_0" preload="none" src="songs/human-after-all.mp3"></audio> <div id="jqjp_force_0" style="text-indent: -9999px;">0.3245763930026442</div> </div> <div class="jp-playlist-player"> <div class="jp-interface"> <ul class="jp-controls"> <li><a href="#" id="jplayer_play" class="jp-play" tabindex="1" title="Executar" >play</a></li> <li><a href="#" id="jplayer_pause" class="jp-pause" tabindex="1" style="display: block;" title="Pausar">pause</a></li> <li><a href="#" id="jplayer_stop" class="jp-stop" tabindex="1" title="Parar" >stop</a></li> <li><a href="#" id="jplayer_volume_min" class="jp-volume-min" tabindex="1" title="Mínimo" >min volume</a></li> <li><a href="#" id="jplayer_volume_max" class="jp-volume-max" tabindex="1" title="Máximo" >max volume</a></li> <li><a href="#" id="jplayer_anterior" class="jp-previous" tabindex="1" title="Anterior" >previous</a></li> <li><a href="#" id="jplayer_proximo" class="jp-next" tabindex="1" title="Próximo" >next</a></li> </ul> <div class="jp-progress"> <div id="jplayer_load_bar" class="jp-load-bar" style="width: 0%;"> <div id="jplayer_play_bar" class="jp-play-bar" style="width: 0%;"></div> </div> </div> <div id="jplayer_volume_bar" class="jp-volume-bar"> <div id="jplayer_volume_bar_value" class="jp-volume-bar-value" style="width: 80%;"></div> </div> <div id="jplayer_tempo_execucao" class="jp-play-time" >00:00</div> <div id="jplayer_tempo_total" class="jp-total-time" >00:00</div> </div> <div id="jplayer_playlist" class="jp-playlist"> <ul> <li class="jplayer_playlist_current"> <a href="#" id="jplayer_playlist_item_0" tabindex="1" class="jplayer_playlist_current"> Daft Punk - Human After All</a> </li> <li> <a href="#" id="jplayer_playlist_item_1" tabindex="1">Amy Winehouse - You Know I'm No Good</a> </li> <li> <a href="#" id="jplayer_playlist_item_2" tabindex="1">Black Eyed Peas - Shut Up</a> </li> <li> <a href="#" id="jplayer_playlist_item_3" tabindex="1">Nightwish - Ghost River</a> </li> <li class="jplayer_playlist_ultimo_item"> <a href="#" id="jplayer_playlist_item_5" tabindex="1">Daft Punk - Techonologic</a> </li> </ul> </div> </div> </body> </html>