Skip to content

GitLab

M
musica_listas_umusic
Commit 2b8309c4 authored by Ana's avatar Ana
Browse files
Options

cambios

parent a6d33b5e
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 993 additions and 24 deletions
config/routes.yaml
View file @ 2b8309c4
......@@ -3,6 +3,10 @@ solicitar_numero:
path: /
controller: App\FrontendBundle\Controller\IndexController::solicitarNumero
methods: [GET,POST]
mostrar_reproductor:
path: /reproductor
controller: App\FrontendBundle\Controller\ListadoController::mostrarReproductor
methods: [GET]
front_index:
path: /inicio
controller: App\FrontendBundle\Controller\IndexController::presentacion
......
public/frontend/css/styles-player.css
View file @ 2b8309c4
......@@ -16,12 +16,10 @@ header h2 {
.player {
background: #25aade;
height: 160px;
position: fixed;
height: 220px;
position: relative;
width: 100%;
z-index: 9999;
bottom: 0 !important;
left: 0 !important;
z-index: 2;
}
.title,
.artist {
......@@ -37,12 +35,12 @@ header h2 {
color: #ffffff;
font-size: 14px;
font-weight: bold;
top: 10px;
top: 20px;
}
.artist {
color: #eeeeee;
font-size: 12px;
top: 32px;
top: 43px;
}
.pl {
background: url(../img/control/playlist.png) no-repeat;
......@@ -61,15 +59,15 @@ header h2 {
height: 85px;
left: 20px;
position: absolute;
top: 10px;
top: 30px;
width: 85px;
}
.controls {
cursor: pointer;
left: 0px;
position: absolute;
top: 50px;
left: 130px;
top: 65px;
left: 122px;
}
.controls .play,
.controls .pause {
......@@ -121,7 +119,6 @@ header h2 {
display: block;
}
.volume {
display: none !important;
height: 11px;
left: 30px;
position: absolute;
......@@ -162,7 +159,7 @@ header h2 {
left: 0px;
position: absolute;
width: 90%;
top: 108px;
top: 170px;
margin: 0px 5%;
}
.novolume .progressbar {
......@@ -187,7 +184,7 @@ header h2 {
color: #ffffff;
font-size: 14px;
font-weight: bold;
top: 126px;
bottom: 10px;
position: absolute;
margin: 0px 5%;
width: 90%;
......@@ -207,14 +204,14 @@ header h2 {
width: 13px;
}
.playlist {
display:none;
display: none;
background-color: #fff;
list-style-type: none;
margin: -10px 0 0 2px;
padding-bottom: 10px;
padding-top: 15px;
position: absolute;
width: 100%;
position: relative;
width: 95%;
z-index: 1;
margin: 0px auto;
}
......
public/frontend/img/control/next.svg 0 → 100644
View file @ 2b8309c4
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 40 40" xml:space="preserve">
<g id="background">
<circle fill="none" stroke="#FFFFFF" stroke-width="1.5" stroke-miterlimit="10" cx="20" cy="20" r="19"/>
</g>
<g id="play" display="none">
<path display="inline" fill="#FFFFFF" d="M13.07,8.94v22.13L32.93,20L13.07,8.94z M14.59,11.52L29.82,20l-15.23,8.49V11.52z"/>
</g>
<g id="pause" display="none">
<g display="inline">
<rect x="14.3" y="9.08" fill="#FFFFFF" width="2.65" height="21.84"/>
<rect x="23.05" y="9.08" fill="#FFFFFF" width="2.65" height="21.84"/>
</g>
</g>
<g id="stop" display="none">
<rect x="14.5" y="14.5" display="inline" fill="#FFFFFF" width="11" height="11"/>
</g>
<g id="Capa_5">
<path fill="#FFFFFF" d="M26.65,11.39v7.76L11.69,10.8V29.2l14.97-8.34v7.76h1.66V11.39H26.65z M13.35,26.37V13.63L24.78,20
L13.35,26.37z"/>
</g>
</svg>
public/frontend/img/control/pause.svg 0 → 100644
View file @ 2b8309c4
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" baseProfile="tiny" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 40 40" xml:space="preserve">
<g id="background">
<circle fill="none" stroke="#FFFFFF" stroke-width="1.5" stroke-miterlimit="10" cx="20" cy="20" r="19"/>
</g>
<g id="play" display="none">
<path display="inline" fill="#FFFFFF" d="M13.07,8.94v22.13L32.93,20L13.07,8.94z M14.59,11.52L29.82,20l-15.23,8.49V11.52z"/>
</g>
<g id="pause">
<g>
<rect x="14.3" y="11.93" fill="#FFFFFF" width="2.65" height="16.15"/>
<rect x="23.05" y="11.93" fill="#FFFFFF" width="2.65" height="16.15"/>
</g>
</g>
</svg>
public/frontend/img/control/play.svg 0 → 100644
View file @ 2b8309c4
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" baseProfile="tiny" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 40 40" xml:space="preserve">
<g id="background">
<circle fill="none" stroke="#FFFFFF" stroke-width="1.5" stroke-miterlimit="10" cx="20" cy="20" r="19"/>
</g>
<g>
<path fill="#FFFFFF" d="M13.43,10.17v19.66L31.08,20L13.43,10.17z M14.78,12.46L28.31,20l-13.54,7.54V12.46z"/>
</g>
</svg>
public/frontend/img/control/rewind.svg 0 → 100644
View file @ 2b8309c4
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 40 40" xml:space="preserve">
<g id="background">
<circle fill="none" stroke="#FFFFFF" stroke-width="1.5" stroke-miterlimit="10" cx="20" cy="20" r="19"/>
</g>
<g id="play" display="none">
<path display="inline" fill="#FFFFFF" d="M13.07,8.94v22.13L32.93,20L13.07,8.94z M14.59,11.52L29.82,20l-15.23,8.49V11.52z"/>
</g>
<g id="pause" display="none">
<g display="inline">
<rect x="14.3" y="9.08" fill="#FFFFFF" width="2.65" height="21.84"/>
<rect x="23.05" y="9.08" fill="#FFFFFF" width="2.65" height="21.84"/>
</g>
</g>
<g id="stop" display="none">
<rect x="14.5" y="14.5" display="inline" fill="#FFFFFF" width="11" height="11"/>
</g>
<g id="next" display="none">
<path display="inline" fill="#FFFFFF" d="M26.65,11.39v7.76L11.69,10.8V29.2l14.97-8.34v7.76h1.66V11.39H26.65z M13.35,26.37V13.63
L24.78,20L13.35,26.37z"/>
</g>
<g id="rewind">
<path fill="#FFFFFF" d="M13.35,28.61v-7.76l14.97,8.34V10.8l-14.97,8.34v-7.76h-1.66v17.23H13.35z M26.65,13.63v12.74L15.22,20
L26.65,13.63z"/>
</g>
</svg>
public/frontend/img/control/stop.svg 0 → 100644
View file @ 2b8309c4
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" baseProfile="tiny" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 40 40" xml:space="preserve">
<g id="background">
<circle fill="none" stroke="#FFFFFF" stroke-width="1.5" stroke-miterlimit="10" cx="20" cy="20" r="19"/>
</g>
<g id="play" display="none">
<path display="inline" fill="#FFFFFF" d="M13.07,8.94v22.13L32.93,20L13.07,8.94z M14.59,11.52L29.82,20l-15.23,8.49V11.52z"/>
</g>
<g id="pause" display="none">
<g display="inline">
<rect x="14.3" y="9.08" fill="#FFFFFF" width="2.65" height="21.84"/>
<rect x="23.05" y="9.08" fill="#FFFFFF" width="2.65" height="21.84"/>
</g>
</g>
<g id="Capa_4">
<rect x="14.5" y="14.5" fill="none" stroke="#FFFFFF" stroke-width="1.5" stroke-miterlimit="10" width="11" height="11"/>
</g>
</svg>
public/frontend/img/control/volume-off.svg 0 → 100644
View file @ 2b8309c4
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" baseProfile="tiny" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
<g id="background" display="none">
<circle display="inline" fill="none" stroke="#FFFFFF" stroke-width="1.5" stroke-miterlimit="10" cx="10" cy="10" r="19"/>
</g>
<g id="play" display="none">
<path display="inline" fill="#FFFFFF" d="M3.07-1.06v22.13L22.93,10L3.07-1.06z M4.59,1.52L19.82,10L4.59,18.49V1.52z"/>
</g>
<g id="pause" display="none">
<g display="inline">
<rect x="4.3" y="-0.92" fill="#FFFFFF" width="2.65" height="21.84"/>
<rect x="13.05" y="-0.92" fill="#FFFFFF" width="2.65" height="21.84"/>
</g>
</g>
<g id="stop" display="none">
<rect x="4.5" y="4.5" display="inline" fill="#FFFFFF" width="11" height="11"/>
</g>
<g id="next" display="none">
<path display="inline" fill="#FFFFFF" d="M16.65,1.39v7.76L1.69,0.8v18.4l14.97-8.34v7.76h1.66V1.39H16.65z M3.35,16.37V3.63
L14.78,10L3.35,16.37z"/>
</g>
<g id="rewind" display="none">
<path display="inline" fill="#FFFFFF" d="M3.35,18.61v-7.76l14.97,8.34V0.8L3.35,9.14V1.38H1.69v17.23
C1.69,18.61,3.35,18.61,3.35,18.61z M16.65,3.63v12.74L5.22,10L16.65,3.63z"/>
</g>
<g id="volume_up">
<g>
<path fill="#FFFFFF" d="M0.91,6.81v6.37h3.85l5.05,3.64V3.17L4.76,6.81H0.91z M1.84,7.74h2.61v4.53H1.84V7.74z M8.89,15.02
l-3.52-2.54V7.51l3.52-2.54V15.02z"/>
<polygon fill="#FFFFFF" points="18.19,7.02 17.64,6.48 14.82,9.24 12.01,6.48 11.45,7.02 14.27,9.78 11.45,12.54 12.01,13.08
14.82,10.33 17.64,13.08 18.19,12.54 15.38,9.78 "/>
</g>
</g>
<g id="volume" display="none">
<g display="inline">
<path fill="#FFFFFF" d="M-0.61,6.28v7.44h4.49l5.9,4.25V2.03l-5.9,4.25C3.88,6.28-0.61,6.28-0.61,6.28z M0.47,7.36h3.05v5.29H0.47
V7.36z M8.7,15.86L4.59,12.9V7.09L8.7,4.13V15.86z"/>
</g>
<polygon display="inline" fill="#FFFFFF" points="22,5.74 21.24,5 17.4,8.76 13.56,5 12.8,5.74 16.64,9.51 12.8,13.27 13.56,14.01
17.4,10.25 21.24,14.01 22,13.27 18.16,9.51 "/>
</g>
</svg>
public/frontend/img/control/volume-up.svg 0 → 100644
View file @ 2b8309c4
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" baseProfile="tiny" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
<g id="background" display="none">
<circle display="inline" fill="none" stroke="#FFFFFF" stroke-width="1.5" stroke-miterlimit="10" cx="10" cy="10" r="19"/>
</g>
<g id="play" display="none">
<path display="inline" fill="#FFFFFF" d="M3.07-1.06v22.13L22.93,10L3.07-1.06z M4.59,1.52L19.82,10L4.59,18.49V1.52z"/>
</g>
<g id="pause" display="none">
<g display="inline">
<rect x="4.3" y="-0.92" fill="#FFFFFF" width="2.65" height="21.84"/>
<rect x="13.05" y="-0.92" fill="#FFFFFF" width="2.65" height="21.84"/>
</g>
</g>
<g id="stop" display="none">
<rect x="4.5" y="4.5" display="inline" fill="#FFFFFF" width="11" height="11"/>
</g>
<g id="next" display="none">
<path display="inline" fill="#FFFFFF" d="M16.65,1.39v7.76L1.69,0.8v18.4l14.97-8.34v7.76h1.66V1.39H16.65z M3.35,16.37V3.63
L14.78,10L3.35,16.37z"/>
</g>
<g id="rewind" display="none">
<path display="inline" fill="#FFFFFF" d="M3.35,18.61v-7.76l14.97,8.34V0.8L3.35,9.14V1.38H1.69v17.23
C1.69,18.61,3.35,18.61,3.35,18.61z M16.65,3.63v12.74L5.22,10L16.65,3.63z"/>
</g>
<g id="volume_up">
<g>
<path fill="#FFFFFF" d="M0.91,6.81v6.37h3.85l5.05,3.64V3.17L4.76,6.81C4.76,6.81,0.91,6.81,0.91,6.81z M1.84,7.74h2.61v4.53H1.84
V7.74z M8.89,15.02l-3.52-2.54V7.51l3.52-2.54V15.02z"/>
<path fill="#FFFFFF" d="M12.25,6.35l-0.8,0.47l0.23,0.39c0.5,0.84,0.76,1.8,0.76,2.78c0,0.98-0.27,1.94-0.76,2.78l-0.23,0.39
l0.8,0.47l0.23-0.39c0.58-0.98,0.89-2.11,0.89-3.25c0-1.15-0.31-2.27-0.89-3.25L12.25,6.35z"/>
<path fill="#FFFFFF" d="M14.69,4.91l-0.8,0.47l0.23,0.39c0.75,1.28,1.16,2.73,1.16,4.22c0,1.48-0.4,2.95-1.16,4.22l-0.23,0.39
l0.8,0.47l0.23-0.39c0.84-1.41,1.28-3.04,1.28-4.69s-0.45-3.27-1.28-4.69L14.69,4.91z"/>
<path fill="#FFFFFF" d="M17.4,3.84l-0.23-0.39l-0.8,0.47l0.23,0.39C17.62,6.03,18.16,8,18.16,10s-0.54,3.97-1.56,5.69l-0.23,0.39
l0.8,0.47l0.23-0.39c1.1-1.86,1.69-3.99,1.69-6.16C19.09,7.83,18.51,5.7,17.4,3.84z"/>
</g>
</g>
<g id="volume" display="none">
<g display="inline">
<path fill="#FFFFFF" d="M-0.61,6.28v7.44h4.49l5.9,4.25V2.03l-5.9,4.25C3.88,6.28-0.61,6.28-0.61,6.28z M0.47,7.36h3.05v5.29H0.47
V7.36z M8.7,15.86L4.59,12.9V7.09L8.7,4.13V15.86z"/>
</g>
<polygon display="inline" fill="#FFFFFF" points="22,5.74 21.24,5 17.4,8.76 13.56,5 12.8,5.74 16.64,9.51 12.8,13.27 13.56,14.01
17.4,10.25 21.24,14.01 22,13.27 18.16,9.51 "/>
</g>
</svg>
public/frontend/js/jquery-1.7.2.min.js 0 → 100644
View file @ 2b8309c4
This diff is collapsed.
public/frontend/js/musicplayer-min.js 0 → 100644
View file @ 2b8309c4
!function(t,e,s,i){"use strict";var n="musicPlayer",o={playlistItemSelector:"li",autoPlay:!1,volume:80,loop:!1,timeSeparator:" / ",playerAbovePlaylist:!0,infoElements:["title","artist"],elements:["artwork","information","controls","progress","time","volume"],timeElements:["current","duration"],controlElements:["backward","play","forward","stop"],onLoad:function(){},onPlay:function(){},onPause:function(){},onStop:function(){},onFwd:function(){},onRew:function(){},volumeChanged:function(){},seeked:function(){},trackClicked:function(){},onMute:function(){}},l="ontouchstart"in e,a=l?"touchstart":"mousedown",r=l?"touchmove":"mousemove",d=l?"touchcancel":"mouseup";function u(e,s){this.element=e,this.settings=t.extend({},o,s),this._defaults=o,this._name=n,this.init()}t.extend(u.prototype,{init:function(){var e,s="",i="",n="",o="",l="",a="",r="",d="",u="",h="",c="",m="",v="",f=this;for(var p in this.settings.elements)if("volume"==this.settings.elements[p])o+="<div class='volume'><div class='volume-btn' title='Volume'></div><div class=' volume-adjust'><div><div></div></div></div></div>";else if("progress"==this.settings.elements[p])o+="<div class='progressbar'><div class='bar-loaded' ></div><div class='bar-played'></div></div>";else if("artwork"==this.settings.elements[p])o+="<div class='cover'></div>";else if("information"==this.settings.elements[p]){l="-1"!=t.inArray("title",this.settings.infoElements)?"<div class='title'></div>":" ",a="-1"!=t.inArray("artist",this.settings.infoElements)?"<div class='artist'></div>":" ";for(var g in this.settings.infoElements)"title"==this.settings.infoElements[g]?n+=l:"artist"==this.settings.infoElements[g]&&(n+=a);o+="<div class='info' >"+n+"</div>"}else if("time"==this.settings.elements[p]){c="-1"!=t.inArray("current",this.settings.timeElements)?"<div class='time-current'></div>":" ",m="-1"!=t.inArray("duration",this.settings.timeElements)?"<div class='time-duration'></div>":" ",v="<div class='time-separator'>"+this.settings.timeSeparator.replace(/\s/g,"&nbsp;")+"</div>";for(var g in this.settings.timeElements)1==g&&(i+=v),"current"==this.settings.timeElements[g]?i+=c:"duration"==this.settings.timeElements[g]&&(i+=m);o+="<div class='timeHolder'>"+i+"</div>"}else if("controls"==this.settings.elements[p]){r="-1"!=t.inArray("backward",this.settings.controlElements)?"<div class='rew'></div>":" ",d="-1"!=t.inArray("forward",this.settings.controlElements)?"<div class='fwd'></div>":" ",u="-1"!=t.inArray("stop",this.settings.controlElements)?"<div class='stop'></div>":" ",h="-1"!=t.inArray("play",this.settings.controlElements)?"<div class='play'></div><div class='pause'></div>":" ";for(var g in this.settings.controlElements)"backward"==this.settings.controlElements[g]?s+=r:"play"==this.settings.controlElements[g]?s+=h:"forward"==this.settings.controlElements[g]?s+=d:"stop"==this.settings.controlElements[g]&&(s+=u);o+="<div class='controls'>"+s+"</div>"}e=t("<div class='player' >"+o+"</div>"),this.settings.playerAbovePlaylist?t(e).insertBefore(t(this.element).find(".playlist")):t(e).insertAfter(t(this.element).find(".playlist")),this.playlistItemSelector=this.settings.playlistItemSelector,this.playlistHolder=t(this.element).children(".playlist"),this.playerHolder=t(this.element).children(".player"),this.song="",this.theBar=this.playerHolder.find(".progressbar"),this.barPlayed=this.playerHolder.find(".bar-played"),this.barLoaded=this.playerHolder.find(".bar-loaded"),this.timeCurrent=this.playerHolder.find(".time-current"),this.timeDuration=this.playerHolder.find(".time-duration"),this.timeSeparator=this.settings.timeSeparator,this.volumeInfo=this.playerHolder.find(".volume"),this.volumeButton=this.playerHolder.find(".volume-btn"),this.volumeAdjuster=this.playerHolder.find(".volume-adjust > div"),this.volumeValue=this.settings.volume/100,this.volumeDefault=0,this.trackInfo=this.playerHolder.find(".info"),this.coverInfo=this.playerHolder.find(".cover"),this.controlsInfo=this.playerHolder.find(".controls"),this.controlPlay=t(this.controlsInfo).find(".play"),this.controlPause=t(this.controlsInfo).find(".pause"),this.controlStop=t(this.controlsInfo).find(".stop"),this.controlFwd=t(this.controlsInfo).find(".fwd"),this.controlRew=t(this.controlsInfo).find(".rew"),this.cssClass={playing:"playing",mute:"mute"},/iPad|iPhone|iPod/.test(navigator.userAgent)&&t(this.volumeInfo).hide(),this.initAudio(t(this.playlistHolder.find(this.playlistItemSelector+":first"))),this.song.volume=this.volumeValue,this.timeDuration.html("&hellip;"),this.timeCurrent.text(this.secondsToTime(0)),t(this.controlPlay).click(function(t){t.preventDefault(),f.playAudio()}),t(this.controlPause).click(function(t){t.preventDefault(),f.stopAudio(),f.settings.onPause()}),t(this.controlFwd).click(function(e){e.preventDefault(),f.stopAudio();var s=f.getSong(!0);0==s.length&&(s=t(f.playlistHolder).find(f.playlistItemSelector+":first")),f.loadNewSong(s),f.playAudio(),f.settings.onFwd()}),t(this.controlRew).click(function(e){e.preventDefault(),f.stopAudio();var s=f.getSong(!1);0==s.length&&(s=t(f.playlistHolder).find(f.playlistItemSelector+":last")),f.loadNewSong(s),f.playAudio(),f.settings.onRew()}),t(this.controlStop).click(function(t){t.preventDefault(),f.stopAudio(),f.song.currentTime=0,f.settings.onStop()}),t(this.playlistHolder).find(this.playlistItemSelector).click(function(e){e.preventDefault(),f.stopAudio(),f.loadNewSong(t(this)),f.playAudio(),f.settings.trackClicked()})},secondsToTime:function(t){var e=Math.floor(t/3600),s=Math.floor(t%3600/60),i=Math.ceil(t%3600%60);return(0==e?"":e>0&&e.toString().length<2?"0"+e+":":e+":")+(s.toString().length<2?"0"+s:s)+":"+(i.toString().length<2?"0"+i:i)},adjustVolume:function(t){var e=l?t.originalEvent.touches[0]:t;this.song.volume=Math.abs((e.pageX-this.volumeAdjuster.offset().left)/this.volumeAdjuster.width())},adjustCurrentTime:function(t){var e=l?t.originalEvent.touches[0]:t;this.song.currentTime=Math.round(this.song.duration*(e.pageX-this.theBar.offset().left)/this.theBar.width())},initAudio:function(e){var s=e.children("a:first-child").attr("href"),i=e.text(),n=e.attr("data-cover"),o=e.attr("data-artist"),l=this;t(this.trackInfo).children(".title").text(i),t(this.trackInfo).children(".artist").text(o),t(this.coverInfo).css("background-image","url("+n+")"),this.song=new Audio(s),this.song.load(),this.song.addEventListener("loadeddata",function(){t(l.timeDuration).html(l.secondsToTime(this.duration)),t(l.volumeAdjuster).find("div").width(100*this.volume+"%"),l.volumeDefault=this.volume},!1),this.song.addEventListener("progress",function(){t(l.barLoaded).width(this.buffered.end(0)/this.duration*100+"%")}),this.song.addEventListener("timeupdate",function(){t(l.timeCurrent).text(l.secondsToTime(this.currentTime)),t(l.barPlayed).width(this.currentTime/this.duration*100+"%")}),this.song.addEventListener("volumechange",function(){Number(Math.round(100*this.volume+"e1")+"e-1")<=.4&&(this.volume=0),t(l.volumeAdjuster).find("div").width(100*this.volume+"%"),this.volume>0&&l.playerHolder.hasClass(l.cssClass.mute)&&l.playerHolder.removeClass(l.cssClass.mute),this.volume<=0&&!l.playerHolder.hasClass(l.cssClass.mute)&&l.playerHolder.addClass(l.cssClass.mute),l.volumeValue=this.volume}),this.song.addEventListener("ended",function(){l.settings.autoPlay?l.autoPlayNext():(l.playerHolder.removeClass(l.cssClass.playing),t(l.controlPlay).removeClass("hidden"),t(l.controlPause).removeClass("visible"))}),t(this.volumeButton).on("click",function(){return t(l.playerHolder).hasClass(l.cssClass.mute)?(t(l.playerHolder).removeClass(l.cssClass.mute),l.song.volume=l.volumeDefault):(t(l.playerHolder).addClass(l.cssClass.mute),l.volumeDefault=l.song.volume,l.song.volume=0,l.settings.onMute()),!1}),t(this.volumeAdjuster).on(a,function(t){l.adjustVolume(t),l.volumeAdjuster.on(r,function(t){l.adjustVolume(t)}),l.settings.volumeChanged()}).on(d,function(){l.volumeAdjuster.unbind(r)}),t(this.theBar).on(a,function(t){l.adjustCurrentTime(t),l.theBar.on(r,function(t){l.adjustCurrentTime(t)})}).on(d,function(){l.theBar.unbind(r),l.settings.seeked()}),t(this.playlistHolder).find(l.playlistItemSelector).removeClass("active"),e.addClass("active"),this.settings.onLoad(),this.settings.autoPlay&&this.playAudio()},playAudio:function(){this.song.play(),this.playerHolder.addClass(this.cssClass.playing),"-1"!=t.inArray("controls",this.settings.elements)&&"-1"!=t.inArray("play",this.settings.controlElements)&&(t(this.controlPlay).addClass("hidden"),t(this.controlPause).addClass("visible")),this.settings.onPlay()},stopAudio:function(){this.song.pause(),this.playerHolder.removeClass(this.cssClass.playing),"-1"!=t.inArray("controls",this.settings.elements)&&"-1"!=t.inArray("play",this.settings.controlElements)&&(t(this.controlPlay).removeClass("hidden"),t(this.controlPause).removeClass("visible"))},autoPlayNext:function(){this.stopAudio();var e=this.getSong(!0);0==e.length&&this.settings.loop?(e=t(this.playlistHolder).find(this.playlistItemSelector+":first"),this.loadNewSong(e),this.playAudio()):0==!e.length&&(this.loadNewSong(e),this.playAudio())},getSong:function(e){var s=t(this.playlistHolder).find(this.playlistItemSelector),i=t(this.playlistItemSelector+".active");return e?s.eq(s.index(i)+1):s.eq(s.index(i)-1)},loadNewSong:function(t){this.volumeValue=this.song.volume,this.initAudio(t),this.song.volume=this.volumeValue,this.volumeAdjuster.find("div").width(100*this.volumeValue+"%"),this.barPlayed.width(0),this.barLoaded.width(0)}}),t.fn[n]=function(e){return this.each(function(){t.data(this,"plugin_"+n)||t.data(this,"plugin_"+n,new u(this,e))})}}(jQuery,window,document);
\ No newline at end of file
public/frontend/js/musicplayer.js 0 → 100644
View file @ 2b8309c4
This diff is collapsed.
public/frontend/js/script-musicPlayer.js 0 → 100644
View file @ 2b8309c4
/*script para reproductor de audio */
$(".example").musicPlayer({
elements: ['artwork', 'information', 'controls', 'progress', 'time', 'volume'], // ==> This will display in the order it is inserted
//elements: [ 'controls' , 'information', 'artwork', 'progress', 'time', 'volume' ],
//controlElements: ['backward', 'play', 'forward', 'stop'],
//timeElements: ['current', 'duration'],
//timeSeparator: " : ", // ==> Only used if two elements in timeElements option
//infoElements: [ 'title', 'artist' ],
//volume: 10,
//autoPlay: true,
//loop: true,
});
$('.example3 .playlist').on('init', function (event, slick) {
$(".example3").musicPlayer({
playlistItemSelector: '.slick-slide:not(.slick-cloned) .song-item',
elements: ['artwork', 'information', 'controls', 'progress', 'time', 'volume'], // ==> This will display in the order it is inserted
//elements: [ 'controls' , 'information', 'artwork', 'progress', 'time', 'volume' ],
//controlElements: ['backward', 'play', 'forward', 'stop'],
//timeElements: ['current', 'duration'],
//timeSeparator: " : ", // ==> Only used if two elements in timeElements option
//infoElements: [ 'title', 'artist' ],
//volume: 10,
autoPlay: true,
loop: true,
onPlay: function () {
$('body').css('background', 'black');
},
onPause: function () {
$('body').css('background', 'green');
},
onStop: function () {
$('body').css('background', '#141942');
},
onFwd: function () {
$('body').css('background', 'white');
slideToActive();
},
onRew: function () {
$('body').css('background', 'blue');
slideToActive();
},
volumeChanged: function () {
$('body').css('background', 'red');
},
seeked: function () {
$('body').css('background', 'orange');
},
trackClicked: function () {
$('body').css('background', 'brown');
},
onMute: function () {
$('body').css('background', 'grey');
},
});
});
//slick slider initialisation
$(".example3 .playlist").slick({
arrows: false,
dots: false
});
slideToActive = function () {
var slideIndex = $('.slick-slide:not(.slick-cloned) .song-item.active').closest('.slick-slide').attr('data-slick-index');
$('.example .playlist').slick('slickGoTo', slideIndex);
}
$('.slick-dots button').click(function () {
var index = $(this).text() - 1;
index = '[data-slick-index="' + index + '"]';
$('.slick-slide:not(.slick-cloned)' + index + ' .song-item a').click();
});
$(".example2").musicPlayer({
//volume: 10,
//elements: ['artwork', 'controls', 'progress', 'time', 'volume'],
//playerAbovePlaylist: false,
// autoPlay: true,
// loop: true,
onLoad: function () {
//Add Audio player
plElem = "<div class='pl'></div>";
$('.example2').find('.player').append(plElem);
// show playlist
$('.pl').click(function (e) {
e.preventDefault();
$('.example2').find('.playlist').toggleClass("hidden");
});
},
});
src/FrontendBundle/Controller/IndexController.php
View file @ 2b8309c4
......@@ -71,8 +71,6 @@ class IndexController extends AbstractController {
$log->debug("entrando...HOST : $host |IP : $ip |MSISDN ENTRANTE: $msisdn| MSISDN SESION : $msisdnSesion | MODAL : $modal ");
//prueba
//$session->clear();
##CHEQUEO DE CASOS SESION##
......@@ -112,7 +110,6 @@ class IndexController extends AbstractController {
}
}
##LOGICA DE LA VISTA##
$log->debug("Cargando listas vigentes....");
$listas = $em->getRepository(PluLista::class)->getListasVigentes($msisdn);
......
src/FrontendBundle/Controller/ListadoController.php
View file @ 2b8309c4
......@@ -28,6 +28,18 @@ class ListadoController extends AbstractController
return $this->render('frontend/paginas/listado.html.twig', array("cancionesLista"=>$cancionesLista, "IdentificadorListaCanciones"=>$id, "lista" => $lista, "isChrome" => Utiles::isWindowsChrome($ua)));
}
public function mostrarReproductor(Request $request): Response{
$log = Utiles::setLog('App\FrontendBundle\Controller::ListadoController::canciones', 'app/frontend/reproductor');
$id = $request->get("lisId");
$ua = $request->headers->get('User-Agent');
$log->debug("Mostrando reproductor de la lista $id...");
//$cancionesLista = $this->getDoctrine()->getRepository(PluCancion::class)->getCancionesLista($id);
$em = $this->getDoctrine()->getManager('default');
$lista = $em->getRepository(PluLista::class)->find($id);
$cancionesLista = $this->getDoctrine()->getRepository(PluLista::class)->getCancionesLista($id);
return $this->render('frontend/paginas/reproductor.html.twig', array("cancionesLista"=>$cancionesLista, "IdentificadorListaCanciones"=>$id, "lista" => $lista, "isChrome" => Utiles::isWindowsChrome($ua)));
}
public function cancionesNoContratadas(Request $request): Response{
$log = Utiles::setLog('App\FrontendBundle\Controller::ListadoController::canciones', 'app/frontend/canciones');
$id = $request->get("lisId");
......
templates/frontend/base.html.twig
View file @ 2b8309c4
......@@ -12,8 +12,8 @@
<!-- Bootstrap core CSS -->
<link href="{{asset('frontend/vendor/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet">
<link href="{{asset('backend/template/vendor/fontawesome-free/css/all.min.css')}}" rel="stylesheet" type="text/css">
<script defer src="{{asset('backend/js/fontawesome.js')}}"></script>
<!-- Custom fonts for this template -->
<link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i" rel="stylesheet">
......@@ -21,8 +21,10 @@
<!-- Custom styles for this template -->
<link href="{{asset('frontend/css/one-page-wonder.min.css')}}" rel="stylesheet">
<link href="{{asset('frontend/css/style.css')}}" rel="stylesheet">
<link href="{{asset('frontend/css/style.css')}}" rel="stylesheet">
{% block stylesheets %}{% endblock %}
</head>
<body>
......@@ -41,6 +43,8 @@
<script src="{{asset('frontend/vendor/jquery/jquery.min.js')}}"></script>
<script src="{{asset('frontend/vendor/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
<script src="{{asset('frontend/js/html5slider.js')}}"></script>
<script src="{{asset('frontend/js/musicplayer.js')}}"></script>
<script src="{{asset('frontend/js/jquery-1.7.2.min.js')}}"></script>
{% block javascripts %}{% endblock %}
</body>
......
templates/frontend/paginas/listado.html.twig
View file @ 2b8309c4
......@@ -63,7 +63,7 @@
<h5 class="dest-top">{{ "%02d"|format(i) }}&nbsp;{{cancion.getIdOriginal().getCon().getConNombre()}}</h5>
<span class="disco-top">{{cancion.getIdOriginal().getCon().getAlb().getAlbNombre()}}</span>
</td>
<td class="flecha"> <img src="../../frontend/img/destacados/icono-play.svg" width="28" class="mr-3 img-fluid" alt="..."> </td>
<!-- <td class="flecha"><a href="{{ path('mostrar_reproductor', { 'lisId': lista.lisId }) }}" target="_blank"><img src="../../frontend/img/destacados/icono-play.svg" width="28" class="mr-3 img-fluid" alt="..."> </img></td> -->
</tr>
{% set i = i + 1 %}
{% endfor %}
......
templates/frontend/paginas/reproductor.html.twig 0 → 100644
View file @ 2b8309c4
{% extends 'frontend/base.html.twig' %}
{% block title %}Reproductor{% endblock %}
{% block stylesheets %}
<link href="./frontend/css/styles-player.css" rel="stylesheet" />
{% endblock %}
{% block body %}
<header class="masthead-rock-listado text-center text-white">
<div class="container">
<!-- Actual search box -->
<!-- <div class="form-group has-search">
<span class="form-control-feedback"><img src="img/destacados/lupa-busqueda.svg" width="28" class="mr-3 img-fluid" alt="..."></span>
<input type="text" class="buscador-top form-control" placeholder="Busca por artista, álbum o canción">
</div>
</div> -->
<!-- header con mensaje -->
<div class="container subheader-info">
<div class="row">
<div class="col-12">
<p class="titulo-genero">
{{ lista.lisNombre }}
</p>
</div>
<div class="rock-listado-container">
Descarga tu canción por $0
</div>
</div>
</div>
<!-- cierre con mensaje -->
<div class="masthead-content">
<div class="row borde-superior borde-inferior pt 10">
<!-- audio player -->
<script type="text/javascript" src="./frontend/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="./frontend/js/musicplayer.js"></script>
<div class="example container">
<ul class="playlist">
{% for cancion in cancionesLista %}
<li class="cover" data-cover="http://newbackendcontenidos.gearlabs.cl/{{cancion.getCanPathImagenAlbum()}}" data-artist="{{cancion.getIdOriginal().getCon().getAlb().getAlbNombre()}}"><a
href="{% if isChrome == false %}http://newbackendcontenidos.gearlabs.cl/{{cancion.getCanPathArchivo()}}{% else %}http://newbackendcontenidos.gearlabs.cl/{{cancion.getCanPathArchivoAlt()}}{% endif %}">{{cancion.getIdOriginal().getCon().getConNombre()}}</a></li>
{% endfor %}
</ul>
<script type="text/javascript" src="./frontend/js/script-musicPlayer.js"></script>
</div>
<table class="table table-striped discos-destacados-top">
<tbody>
{% set i = 1 %}
{% for cancion in cancionesLista %}
<tr data-href="#">
<th scope="col" class="fila-class-top"><img src="http://newbackendcontenidos.gearlabs.cl/{{cancion.getCanPathImagenAlbum()}}" width="80px" height="80px"></th>
<td scope="col" class="fila-class-top">
<h5 class="dest-top">{{ "%02d"|format(i) }}&nbsp;{{cancion.getIdOriginal().getCon().getConNombre()}}</h5>
<span class="disco-top">{{cancion.getIdOriginal().getCon().getAlb().getAlbNombre()}}</span>
</td>
<td class="flecha"> <img src="frontend/img/destacados/icono-play.svg" width="28" class="mr-3 img-fluid" alt="..."> </td>
</tr>
{% set i = i + 1 %}
{% endfor %}
</tbody>
</table>
</div>
</div>
</header>
{% endblock %}
templates/frontend/paginas/validar_pin.html.twig
View file @ 2b8309c4
......@@ -23,7 +23,7 @@
<form action="{{ path('front_validar_pin') }}" method="post" }}>
<div class="form-row align-items-center">
<div class="col-2">
<label for="staticEmail2" class="sr-only"><p>+56</p></label>
<!-- <label for="staticEmail2" class="sr-only"><p>+56</p></label> -->
<input type="text" readonly class="codigo-ciudad form-control-plaintext" id="staticEmail2" value="+56">
</div>
<div class="col-7">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment