HalfTone/website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added track title to music player

Browse Source
This commit is contained in:
gballan1 2016-11-29 12:10:41 -05:00
parent 6f879004fc
commit 2737a86d9e
3 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/views/pages/music1.twig
View File

@ -35,6 +35,7 @@
<!-- right album stuff --> <!-- right album stuff -->
<div class="col-sm-7 col-xs-12"> <div class="col-sm-7 col-xs-12">
<article id="music-player-card" class="card"> <article id="music-player-card" class="card">
<h4 id="track-title">{{ songs[0].title }}</h4>
<audio id="music-player" controls> <audio id="music-player" controls>
<source src="{{ songs[0].audio_file }}.ogg" type="audio/ogg" /> <source src="{{ songs[0].audio_file }}.ogg" type="audio/ogg" />
<source src="{{ songs[0].audio_file }}.mp3" type="audio/mpeg" /> <source src="{{ songs[0].audio_file }}.mp3" type="audio/mpeg" />

1
app/views/pages/music2.twig
View File

@ -34,6 +34,7 @@
<!-- music player --> <!-- music player -->
<article id="music-player-card" class="card"> <article id="music-player-card" class="card">
<h4 id="track-title">{{ songs[0].title }}</h4>
<audio id="music-player" controls> <audio id="music-player" controls>
<source src="{{ songs[0].audio_file }}.ogg" type="audio/ogg" /> <source src="{{ songs[0].audio_file }}.ogg" type="audio/ogg" />
<source src="{{ songs[0].audio_file }}.mp3" type="audio/mpeg" /> <source src="{{ songs[0].audio_file }}.mp3" type="audio/mpeg" />

3
public/js/music.js
View File

@ -139,6 +139,9 @@ function changeAudioSources(trackElem, autoplay) {
} }
}); });
// change track title
$('#track-title').text(trackElem.data('title'));
// reload music player // reload music player
player.load(); player.load();