$(document).ready(function () { //Para el player de musica, le agrega un playlist vacio y lo inicializa. myPlaylist = new jPlayerPlaylist({ jPlayer: "#jquery_jplayer_1", cssSelectorAncestor: "#jp_container_1" }, "", { solution: "flash,html", swfPath: "http://www.help-net.net/Jplayer.swf", supplied: "mp3" }); //-------------------------------------------------------------------------------------- //Music //-------------------------------------------------------------------------------------- $('.music').click(function () { //resetea esa var click_pause_music_indice = -1; if(music_audio_reproduciendo == false){ //abre el player con el primer album $('.album_container:first').trigger('click'); } else{ //verifica a ver si hay un album tocandose..., para abrir ese mismo $('.album_container').each(function(){ if($(this).hasClass('actual_tocandose')) comun_click_music_link_y_albumes($(this)); }); } // accion_click_album($('.main_music_player'),$('.music_contenido').find('.album_container:first')) //fin acciones botones return false; }); //-------------------------------------------------------------------------------------- //View other albums btn //-------------------------------------------------------------------------------------- $('.main_music_player .share_botones #otros_albumes').click(function () { //------------------ //POPUP //------------------ //quita los datos que tenia el popup anteriormente pone_quita_contenido_popup("quitar"); //abre el popup... popup_reduccion_x = 0; popup_reduccion_y = 0; accion_cerrar_btn = "funcion_para_cerrar_albumes();";//opcional habilitar_minimizar_btn = false; accion_minimizar_btn = ""; clase_imagen_titulo = "titulo_music"; contenido_html = ""; contenido_elemento_copiar = ".music_contenido"; popup(); //------------------ check_playing_music(""); //para modificar el url/titulo modifica_history_url($(this)); //fin acciones botones return false; }); //accion de click de cada album $('.album_container').click(function () { //resetea esa var click_pause_music_indice = -1; //------------ //si el player esta oculto, lo muestra, esto pasa solo 1 vez y es porque al principio esta oculto... if (!$('#jp_container_1').is(':visible')) { //muestra el div oculto $('#jp_container_1').show(); } //------------ //limpia el player de musica cerrar_player(); comun_click_music_link_y_albumes($(this)); //para modificar el url/titulo modifica_history_url($(this)); google_analytics($(this).attr('href')); return false; }); //-------------------------------------------------------------------------------------- //Boton de volver de los albumes //-------------------------------------------------------------------------------------- $('.go_back_music_albums').click(function () { $('.music').trigger('click'); return false; }); //-------------------------------------------------------------------------------------- //Buy our music button de arriba a la derecha //-------------------------------------------------------------------------------------- $('.buynow_popup').click(function () { //------------------ //POPUP //------------------ //quita los datos que tenia el popup anteriormente pone_quita_contenido_popup("quitar"); //abre el popup... popup_reduccion_x = 600; popup_reduccion_y = 150; accion_cerrar_btn = "";//opcional habilitar_minimizar_btn = false; accion_minimizar_btn = ""; clase_imagen_titulo = "titulo_buynow"; contenido_html = "
"; contenido_elemento_copiar = ""; popup(); //------------------ //esconde el boton de buynow de los popup al lado del btn de cerrar $('.buynow_popup').fadeOut(); //para modificar el url/titulo modifica_history_url($(this)); google_analytics($(this).attr('href')); return false; }); //-------------------------------------------------------------------------------------- //Buy our music button de arriba a la derecha //-------------------------------------------------------------------------------------- $('.botones_centro_video').click(function (e) { //evita que el evento click se apliquen a los hijos if (e.target.id === "div_btn_centro") stop_video(); }); }); //funcion comun para el evento click de .music y de los albumes function comun_click_music_link_y_albumes(elemen){ check_playing_music("music"); //abre el player con el album elegido accion_click_album($('.main_music_player'),elemen); //esconde el boton de buynow de los popup al lado del btn de cerrar $('.buynow_popup').fadeOut(); //reproduce la musica si este habia sido detenido/a por una categoria que tiene musica/videos como other music we like. if (pause_video_musica_categoria == true) play_pause_video_or_music_player(""); //indica que el player ha sido activado music_player_activo = true; } //-------------------------------------------------------------------------------------- //Accion btns popup //-------------------------------------------------------------------------------------- //accion para el boton de cerrar de music player function funcion_para_cerrar_player() { comun_cierra_popup(); //cierra la musica solo cuando presione el boton cerrar en el popup de musica, en los demas no se debe cerrar la musica... if(!player_derecha_Activo) $('.cerrar_player_big').trigger('click'); } //accion del boton minimizar de musica.... function funcion_para_minimizar_btn(){ comun_cierra_popup(); check_playing_music("cerrar"); //reproduce la musica/video si este habia sido detenido/a por una categoria que tiene musica/videos como other music we like. if (pause_video_musica_categoria == true) play_pause_video_or_music_player(""); } //accion para el boton de cerrar del popup de los albumes function funcion_para_cerrar_albumes() { $('.music').trigger('click'); } //-------------------------------------------------------------------------------------- //funcion que se ejecuta cada vez que doy click a un album function accion_click_album(container,elemento_contenedor_data){ //------------------ //POPUP //------------------ //quita los datos que tenia el popup anteriormente pone_quita_contenido_popup("quitar"); //abre el popup... popup_reduccion_x = 580; popup_reduccion_y = 485; accion_cerrar_btn = "funcion_para_cerrar_player()";//opcional habilitar_minimizar_btn = true; accion_minimizar_btn = "funcion_para_minimizar_btn()"; clase_imagen_titulo = "titulo_music"; contenido_html = ""; contenido_elemento_copiar = ".main_music_player"; popup(); //------------------ //-------------------------------------------------------------------------------------- //esta funciones se aplican al contenido agregado al popup... //abre el player con el primer album, en caso de que no se haya abierto ya/... if(music_audio_reproduciendo == false) abrir_player(container,elemento_contenedor_data); else{ //como ya el player estaba abierto, solamente lo que hago aqui es moverlo de un lado a otro //pero solo si el main music player no contiene el music player dentro de si... if($('.main_music_player').find('.player_container #jp_container_1').length ==0) $('.main_music_player').find('.player_container').append($('#jp_container_1')); //pone los numeros otra vez, porque para poner el player de la derecha se quitaron pone_numeros_botones_y_datos_album(); } //para modificar el url/titulo modifica_history_url($(this)); } //abre el player... function abrir_player(container, elemento_contenedor_data) { //quita la notificacion de que el album esta bloqueado pone_quita_alerta_musica(false); //CARGA EL PLAYLIST... //obtiene las canciones datos = elemento_contenedor_data.find('.pl').text().split("~"); var jsonObj = []; //recorre los elementos del arreglo de datos for (var i = 0; i < (datos.length); i++) { var titulo = datos[i]; var mp = "http://www.twintapes.com/tw_music_d1262011/" + datos[i + 1] + ".mp3"; //agrega una linea al json jsonObj.push({ title: titulo, mp3: mp}); i++; } //aplica el playlist al player myPlaylist.setPlaylist(jsonObj); //---------------------------------------- //QUITA LA CLASE DE ACTUAL A TODOS LOS ALBUMES $('.music_contenido').find('.actual_tocandose').each(function(){ $(this).removeClass("actual_tocandose"); }); //---------------------------------------- //PONE LA CLASE DE ACTUAL A ESE ALBUM PARA SABER CUAL SE ESTA TOCANDO EN EL INSTANTE elemento_contenedor_data.addClass("actual_tocandose") //---------------------------------------- //PONE EL LINK DE APPLE / AMAZON buy now //obtiene el link de este album var itunes_ = elemento_contenedor_data.find('.itunes_url').text(); var amazon_ = elemento_contenedor_data.find('.amazon_url').text(); //ITUNES if(itunes_!=""){ //si hay un url lo muestra, sino no... $('.popup_contenido .buy_botones .itunes').removeAttr('style'); $('.popup_contenido .buy_botones .itunes').attr('href',itunes_); } else{ $('.popup_contenido .buy_botones .itunes').hide(); } //AMAZON if(amazon_!=""){ //si hay un url lo muestra, sino no... $('.popup_contenido .buy_botones .amazon').removeAttr('style'); $('.popup_contenido .buy_botones .amazon').attr('href',amazon_); } else{ $('.popup_contenido .buy_botones .amazon').hide(); } //---------------------------------------- //PONE LA FECHA DE RELEASED //obtiene el link de este album var released = elemento_contenedor_data.find('.release_date').text(); if(released =="" || released == " "){ released = "Unknown" } //la pone $('.popup_contenido .info1').html('Released: '+released); //borra la info 2, hasta que se ponga nuevamente $('.popup_contenido .info2').html(''); //---------------------------------------- //PONE EL TITULO DEL ALBUM //obtiene el link de este album $('.popup_contenido .album').html(elemento_contenedor_data.find('.titulo_album').text()); //---------------------------------------- //PONE LA FOTO DEL ALBUM //obtiene el link de este album $('.popup_contenido .imagen').attr('src',elemento_contenedor_data.find('.imagen').attr('src')); //------------------------------------------------ //Link de download if (editor_ok){ if(elemento_contenedor_data.find('.dl').text()!="") { container.find('.dl-n').attr('href','http://www.box.net/shared/static/'+elemento_contenedor_data.find('.dl').text()+'.zip') container.find('.dl-n').fadeIn(); } } //chequea que el album tenga canciones... if (datos.length > 1) { //muestra el player, pero primero lo esconde para luego animarlo container.find('.player_container').append($('#jp_container_1')); //pone un contador para iniciar la reproduccion de la musica setTimeout("play_music_player()",1000); //quita el letrero de que no playlist fue encontrado $('#no_playlist_found').hide(); } else { //pone el letrero de que el playlist no fue encontrado $(this).parent().append($('#no_playlist_found')); $(this).parent().find('#no_playlist_found').fadeIn(); } //fin IF chequea si hay datos musica } //reproduce la música function play_music_player(){ $('#jquery_jplayer_1').jPlayer("play"); } function cerrar_player() { //detiene la descarga de musica y para la reproduccion $("#jquery_jplayer_1").jPlayer("clearMedia"); } //------------------------------------------------------------ PLAYER DERECHA -------------------------------------------------------------------- //esta función cheuqea si se está tocando una musica actualmente, si es así, y se abre otro popup que no sea el de música, entonces se habilita el //player de la derecha function check_playing_music(btn_presionado) { //esto debe suceder solamente cuando el palyer haya sido activado... if(music_player_activo == true){ //el player de la derecha debe habilitarse solo cuando el popup de musica no este abierto... if ($('.popup_contenido .main_music_player').length == 0 || btn_presionado=="cerrar") { //verifica a ver si el player de la derecha está activo, pero este IF solo funciona cuando presione "Music", de lo contrario se ira por el else. if (player_derecha_Activo == true && btn_presionado == "music") quita_player_derecha(); else pone_player_derecha(); } else { //esto se da si se abre el popup de musica y el music player de la derecha tiene el player actualmente... if ($('.popup_contenido .main_music_player').length != 0 ) { quita_player_derecha(); } //fin if } } } //pone el player de la derecha function pone_player_derecha() { //quita los numeros de las canciones del playlist pone_numeros_botones_y_datos_album(); //pone el music player en el player de la derecha $('.div_player_derecha').find('.player_derecha').append($('#jp_container_1')); //coge la imagen del album que se está tocando actualmente... $('.player_derecha_album_img').attr('src', $('.main_music_player').find('.imagen').attr('src')); //coge el titulo del album que se está tocando actualmente... $('.div_player_derecha .titulo').text($('.main_music_player .album').text()); //coge el link de buy now del album que se está tocando actualmente... $('.div_player_derecha .buy_now2').html($('.main_music_player').find('.buy_botones').html()); //Animaciones: //muestra el background $('#music_player_rigth_bg').fadeIn(500); $('.div_player_derecha').stop().animate({ 'right': '0px' }, 800); //echa el popup hacia la izquierda popup_margen_izquierda = 250; player_derecha_Activo = true; //hace la animacion de mover el popup hacia la izquierda o hacia su posicion original $('#popup .container').animate({ 'margin-left': '-' + popup_margen_izquierda + 'px' }, 800); } //quita el player de la derecha function quita_player_derecha() { if (player_derecha_Activo == true) { //Animaciones: //muestra el background $('#music_player_rigth_bg').fadeOut(500); $('.div_player_derecha').stop().animate({ 'right': '-300px' }, 800); //echa el popup hacia su posicion original centrado popup_margen_izquierda = 0; player_derecha_Activo = false; //hace la animacion de mover el popup hacia la izquierda o hacia su posicion original $('#popup .container').animate({ 'margin-left': '-' + popup_margen_izquierda + 'px' }, 800); } } //Pone los numeros de las canciones, los botones de download y share, y la cantidad de canciones que hay... function pone_numeros_botones_y_datos_album(){ //------------ //pone los numeros para cada musica var x=1; $('.jp-playlist').find('li').each(function(){ //NUMEROS //quita los numeros de cada musica, para ponerlos de nuevo... $(this).find('div').find('.numeros').remove(); //SHARE $(this).find('div').find('.share_btn').remove(); //BOTON PLAY PAUSE $(this).find('div').find('.play_pause_btn').remove(); //---------------------- //SHARE $('.habilita_tipsy_arriba').tipsy({ gravity: 's', fade: true }); $(this).find('div:first').append('
'); //NUMEROS $(this).find('div:first').append(''+x+''); x+=1; }); //play_pause btn $('.jp-playlist').find('li.jp-playlist-current div:first-child').append('
'); //------------ //pone la cantidad de canciones que tiene... $('.popup_contenido .info2').html((x-1)+" Songs"); //para que se habilite la accion de share del playlist share_actions(); //habilita la accion de los botones de play pause accion_btn_play_pause(); //si en la pagina habia un querystring de i, que indica el indice de la musica compartida (la que se debe tocar), entonces //esto la selecciona automaticamente de acuerdo al valor de la variable indice_musica_a_tocar if(indice_musica_a_tocar !=-1){ //recorre todos los items del playlist $('.jp-playlist').find('.numeros').each(function(){ //verifica cual item es = a la variable indice_musica_a_tocar if($(this).text()==indice_musica_a_tocar){ /* //setea esta variable para que no se contabilice este click. Esa var la uso cuando le doy a pause, para que el proximo //play, si es de ese misma cancion, no se contabilice... click_pause_music_indice = indice_musica_a_tocar;*/ //presiona esa musica para tocarla $(this).parent().find('.jp-playlist-item').trigger('click'); } }); indice_musica_a_tocar = -1; } } //-------------- EVENTOS DEL PLAYER -------------------- var temp_timer; $(document).ready(function () { //evento loadstart para que ponga los numeritos de las canciones $('#jquery_jplayer_1').bind($.jPlayer.event.loadstart , function (event) { pone_numeros_botones_y_datos_album(); }); //evento play del music player $('#jquery_jplayer_1').bind($.jPlayer.event.play, function (event) { //para saber que el player esta tocando musica music_audio_reproduciendo = true; //para el video stop_video(); //quita todas las clases de play o pause btn $('.jp-playlist-item').removeClass('play_btn').removeClass('pause_btn'); //pone el boton de play al current item $('li.jp-playlist-current .jp-playlist-item').addClass('pause_btn'); //-------------------------------------------------- //chequea si se puede tocar esta musica //para los editores if (!editor_ok){ var d = new Date(); //obliga a que no cargue de un cache var nocache = d.getMilliseconds() //este if verifica a ver si se habia presionado pause en esta cancion. Si se habia presionado pause, entonces en ese instante se guardo //el indice de la cancion a la que le di pause, y aqui chequeo ese indice a ver si a la que le estoy dando play es a la misma que habia //dado pause, si no es asi, entonces lo contabiliza... if($('li.jp-playlist-current .numeros').text() != click_pause_music_indice) { //ajax $.ajax({ url: "http://"+document.domain+"/tw_net_ajax/tw_music_albums.aspx", data: "nocache="+nocache+"&a=" + $('.actual_tocandose').find('.post_id').text() }).done(function(result) { //chequea el resultado if(result=="no-ok"){ //detiene la musica $('#jquery_jplayer_1').jPlayer("stop"); pone_quita_alerta_musica(true); } }); } //-------------------------------------------------- } //resetea la variable click_pause_music = -1; }); //fin evento play //evento pause del music player $('#jquery_jplayer_1').bind($.jPlayer.event.pause, function (event) { //para saber que el player ya no esta tocando musica music_audio_reproduciendo = false; //quita todas las clases de play o pause btn $('.jp-playlist-item').removeClass('play_btn').removeClass('pause_btn'); //pone el boton de play al current item $('li.jp-playlist-current .jp-playlist-item').addClass('play_btn'); }); //accion cerrar player big $('.cerrar_player_big').click(function () { //para saber que el player ya no esta tocando musica music_audio_reproduciendo = false; //quita el player de la derecha quita_player_derecha(); //quita el player cerrar_player(); //echa el popup hacia su posicion original centrado popup_margen_izquierda = 0; //resetea esta var music_player_activo = false; //---------------------------------------- //QUITA LA CLASE DE ACTUAL A TODOS LOS ALBUMES $('.music_contenido').find('.actual_tocandose').each(function(){ $(this).removeClass("actual_tocandose"); }); //para modificar el url/titulo modifica_history_url($(this)); }); }); //cuando se cambia de un album a otro automaticamente y el player de la derecha está activo, se ejecuta esta funcion luego de un tiempo para poner la info del album nuevo //en el player de la derecha... function pone_info_album_nuevo() { if (player_derecha_Activo == true) { //coge los datos del album que ahora se esta tocando y los pone en el music player de la derecha //pone el music player en el player de la derecha $('.div_player_derecha').find('.player_derecha').append($('#jp_container_1')); //coge la imagen del album que se está tocando actualmente... $('.player_derecha_album_img').attr('src', $('.popup_contenido').find('.ul_music li.activa').find('.album_container .imagen').attr('src')); //coge el titulo del album que se está tocando actualmente... $('.div_player_derecha .titulo').text($('.popup_contenido').find('.ul_music li.activa').find('.album_container .tituloss').text()); //coge el link de buy now del album que se está tocando actualmente... $('.div_player_derecha .buy_now2').html($('.popup_contenido').find('.ul_music li.activa').find('.album_container .buy_now').html()); //reproduce la música $('#jquery_jplayer_1').jPlayer("play"); } } //funcion que pone o quita la alerta de album bloqueado function pone_quita_alerta_musica(mostrarlo){ if(mostrarlo){ $('.alerta_album_bloqueado').show(); $('.alerta_album_bloqueado_little').show(); } else{ $('.alerta_album_bloqueado').hide(); $('.alerta_album_bloqueado_little').hide(); } } //Accion de click del boton de pause o play function accion_btn_play_pause(){ $('.play_pause_btn').click(function(){ if(music_audio_reproduciendo){ //accion de pause //esto evita que se contabilice la proxima vez que de play a esta misma cancion click_pause_music_indice = $('li.jp-playlist-current .numeros').text(); //obtiene el indice/numero de esa cancion //pausa la música $('#jquery_jplayer_1').jPlayer("pause"); } else{ //si estaba pausado... //toca la música $('#jquery_jplayer_1').jPlayer("play"); } }); }