File "script.js"
Full path: E:/sites/Single15/tinmung2007/webroot/AudioBooks/TinmungAudiobooks/Ban_Tre_Tin_Gi/js/script.js
File size: 9.6 KiB (9830 bytes)
MIME-type:
Charset: utf-8
(function($){
// Settings
var repeat = localStorage.repeat || 0,
shuffle = localStorage.shuffle || 'false',
continous = true,
autoplay = true,
playlist = [
{
title:'Lời nói đầu',
artist:'Người đọc: Phanxicô Saviê Quốc Cường',
album: '',
cover:'img/music-icon.jpg',
mp3: 'mp3/01.mp3',
ogg: ''
},{
title:'Chúng ta xác tín lòng tin như thế nào?',
artist:'Người đọc: Phanxicô Saviê Quốc Cường',
album: '',
cover:'img/music-icon.jpg',
mp3: 'mp3/02.mp3',
ogg: ''
},{
title:'Thái độ của Tin Mừng',
artist:'Người đọc: Phanxicô Saviê Quốc Cường',
album: '',
cover:'img/music-icon.jpg',
mp3: 'mp3/03.mp3',
ogg: ''
},{
title:'Kiểu rao giảng của cộng đoàn tiên khởi',
artist:'Người đọc: Phanxicô Saviê Quốc Cường',
album: '',
cover:'img/music-icon.jpg',
mp3: 'mp3/04.mp3',
ogg: ''
},{
title:'Vấn đề tôn giáo',
artist:'Người đọc: Phanxicô Saviê Quốc Cường',
album: '',
cover:'img/music-icon.jpg',
mp3: 'mp3/05.mp3',
ogg: ''
},{
title:'Mạc khải hay việc Thiên Chúa tỏ mình ra',
artist:'Người đọc: Phanxicô Saviê Quốc Cường',
album: '',
cover:'img/music-icon.jpg',
mp3: 'mp3/06.mp3',
ogg: ''
},{
title:'Tin',
artist:'Người đọc: Phanxicô Saviê Quốc Cường',
album: '',
cover:'img/music-icon.jpg',
mp3: 'mp3/07. Tin.mp3',
ogg: ''
},{
title:'Cầu nguyện',
artist:'Người đọc: Phanxicô Saviê Quốc Cường',
album: '',
cover:'img/music-icon.jpg',
mp3: 'mp3/08. Cau nguyen.mp3',
ogg: ''
},{
title:'Con người và sự dữ',
artist:'Người đọc: Phanxicô Saviê Quốc Cường',
album: '',
cover:'img/music-icon.jpg',
mp3: 'mp3/09. Con nguoi va su du.mp3',
ogg: ''
},{
title:'Vị trí của sự dữ...',
artist:'Người đọc: Phanxicô Saviê Quốc Cường',
album: '',
cover:'img/music-icon.jpg',
mp3: 'mp3/10. Vi tri cua su du trong chuong trinh cuu roi.mp3',
ogg: ''
},{
title:'Mọi hy vọng cứu rỗi trong nhân loại',
artist:'Người đọc: Phanxicô Saviê Quốc Cường',
album: '',
cover:'img/music-icon.jpg',
mp3: 'mp3/11. Moi hy vong cuu roi trong nhan loai.mp3',
ogg: ''
},{
title:' Mầu nhiệm Chúa Kitô...1',
artist:'Người đọc: Phanxicô Saviê Quốc Cường',
album: '',
cover:'img/music-icon.jpg',
mp3: 'mp3/12. Mau nhiem Chua Kito nhung doan Sach Thanh can ban.mp3',
ogg: ''
},{
title:' Mầu nhiệm Chúa Kitô...2',
artist:'Người đọc: Phanxicô Saviê Quốc Cường',
album: '',
cover:'img/music-icon.jpg',
mp3: 'mp3/12b. Bai 11. Mau nhiem Chua Kito..mp3',
ogg: ''
},{
title:' P5 Đức Giêsu lời Thiên Chúa',
artist:'Người đọc: Phanxicô Saviê Quốc Cường',
album: '',
cover:'img/music-icon.jpg',
mp3: 'mp3/13. Bai 11. P5- Duc Giesu Loi Thien Chua.mp3',
ogg: ''
},{
title:'Tiếp phần 5- Đức Giêsu lời Thiên Chúa',
artist:'Người đọc: Phanxicô Saviê Quốc Cường',
album: '',
cover:'img/music-icon.jpg',
mp3: 'mp3/14. Bai 11. Tiep P5- Duc Giesu Loi Thien Chua.mp3',
ogg: ''
},{
title:'Hoạt động của Chuá Thánh Thần',
artist:'Người đọc: Phanxicô Saviê Quốc Cường',
album: '',
cover:'img/music-icon.jpg',
mp3: 'mp3/15. Bai 12. Hoat dong cua Chua Thanh Than.mp3',
ogg: ''
},{
title:'Mầu nhiệm phục sinh',
artist:'Người đọc: Phanxicô Saviê Quốc Cường',
album: '',
cover:'img/music-icon.jpg',
mp3: 'mp3/16. Bai 13. Mau nhiem Phuc Sinh.mp3',
ogg: ''
},{
title:' Các hầu kết của mầu nhiệm phục sinh',
artist:'Người đọc: Phanxicô Saviê Quốc Cường',
album: '',
cover:'img/music-icon.jpg',
mp3: 'mp3/17. Bai 14. Cac hau ket cua mau nhiem Phuc Sinh.mp3',
ogg: ''
},
];
// Load playlist
for (var i=0; i<playlist.length; i++){
var item = playlist[i]; ii = i +1;
$('#playlist').append('<li>'+ii+' - '+item.title+'</li>');
}
var time = new Date(),
currentTrack = shuffle === 'true' ? time.getTime() % playlist.length : 0,
trigger = false,
audio, timeout, isPlaying, playCounts;
var play = function(){
audio.play();
$('.playback').addClass('playing');
timeout = setInterval(updateProgress, 500);
isPlaying = true;
}
var pause = function(){
audio.pause();
$('.playback').removeClass('playing');
clearInterval(updateProgress);
isPlaying = false;
}
// Update progress
var setProgress = function(value){
var currentSec = parseInt(value%60) < 10 ? '0' + parseInt(value%60) : parseInt(value%60),
ratio = value / audio.duration * 100;
$('.timer').html(parseInt(value/60)+':'+currentSec);
$('.progress .pace').css('width', ratio + '%');
$('.progress .slider a').css('left', ratio + '%');
}
var updateProgress = function(){
setProgress(audio.currentTime);
}
// Progress slider
$('.progress .slider').slider({step: 0.1, slide: function(event, ui){
$(this).addClass('enable');
setProgress(audio.duration * ui.value / 100);
clearInterval(timeout);
}, stop: function(event, ui){
audio.currentTime = audio.duration * ui.value / 100;
$(this).removeClass('enable');
timeout = setInterval(updateProgress, 500);
}});
// Volume slider
var setVolume = function(value){
audio.volume = localStorage.volume = value;
$('.volume .pace').css('width', value * 100 + '%');
$('.volume .slider a').css('left', value * 100 + '%');
}
var volume = localStorage.volume || 0.5;
$('.volume .slider').slider({max: 1, min: 0, step: 0.01, value: volume, slide: function(event, ui){
setVolume(ui.value);
$(this).addClass('enable');
$('.mute').removeClass('enable');
}, stop: function(){
$(this).removeClass('enable');
}}).children('.pace').css('width', volume * 100 + '%');
$('.mute').click(function(){
if ($(this).hasClass('enable')){
setVolume($(this).data('volume'));
$(this).removeClass('enable');
} else {
$(this).data('volume', audio.volume).addClass('enable');
setVolume(0);
}
});
// Switch track
var switchTrack = function(i){
if (i < 0){
track = currentTrack = playlist.length - 1;
} else if (i >= playlist.length){
track = currentTrack = 0;
} else {
track = i;
currentTrack = track;
}
$('audio').remove();
loadMusic(track);
if (isPlaying == true) play();
}
// Shuffle
var shufflePlay = function(){
var time = new Date(),
lastTrack = currentTrack;
currentTrack = time.getTime() % playlist.length;
if (lastTrack == currentTrack) ++currentTrack;
switchTrack(currentTrack);
}
// Fire when track ended
var ended = function(){
pause();
audio.currentTime = 0;
playCounts++;
if (continous == true) isPlaying = true;
if (repeat == 1){
play();
} else {
if (shuffle === 'true'){
shufflePlay();
} else {
if (repeat == 2){
switchTrack(++currentTrack);
} else {
if (currentTrack < playlist.length) switchTrack(++currentTrack);
}
}
}
}
var beforeLoad = function(){
var endVal = this.seekable && this.seekable.length ? this.seekable.end(0) : 0;
$('.progress .loaded').css('width', (100 / (this.duration || 1) * endVal) +'%');
}
// Fire when track loaded completely
var afterLoad = function(){
if (autoplay == true) play();
}
// Load track
var loadMusic = function(i){
var item = playlist[i],
newaudio = $('<audio>').html('<source src="'+item.mp3+'"><source src="'+item.ogg+'">').appendTo('#player');
$('.cover').html('<img src="'+item.cover+'" alt="'+item.album+'">');
$('.tag').html('<strong>'+item.title+'</strong><span class="artist">'+item.artist+'</span>');
$('#playlist li').removeClass('playing').eq(i).addClass('playing');
audio = newaudio[0];
audio.volume = $('.mute').hasClass('enable') ? 0 : volume;
audio.addEventListener('progress', beforeLoad, false);
audio.addEventListener('durationchange', beforeLoad, false);
audio.addEventListener('canplay', afterLoad, false);
audio.addEventListener('ended', ended, false);
}
loadMusic(currentTrack);
$('.playback').on('click', function(){
if ($(this).hasClass('playing')){
pause();
} else {
play();
}
});
$('.rewind').on('click', function(){
if (shuffle === 'true'){
shufflePlay();
} else {
switchTrack(--currentTrack);
}
});
$('.fastforward').on('click', function(){
if (shuffle === 'true'){
shufflePlay();
} else {
switchTrack(++currentTrack);
}
});
$('#playlist li').each(function(i){
var _i = i;
$(this).on('click', function(){
switchTrack(_i);
});
});
if (shuffle === 'true') $('.shuffle').addClass('enable');
if (repeat == 1){
$('.repeat').addClass('once');
} else if (repeat == 2){
$('.repeat').addClass('all');
}
$('.repeat').on('click', function(){
if ($(this).hasClass('once')){
repeat = localStorage.repeat = 2;
$(this).removeClass('once').addClass('all');
} else if ($(this).hasClass('all')){
repeat = localStorage.repeat = 0;
$(this).removeClass('all');
} else {
repeat = localStorage.repeat = 1;
$(this).addClass('once');
}
});
$('.shuffle').on('click', function(){
if ($(this).hasClass('enable')){
shuffle = localStorage.shuffle = 'false';
$(this).removeClass('enable');
} else {
shuffle = localStorage.shuffle = 'true';
$(this).addClass('enable');
}
});
})(jQuery);