106 lines
2.8 KiB
JavaScript
106 lines
2.8 KiB
JavaScript
$(function () {
|
|
var myPlaylist = new jPlayerPlaylist(
|
|
{
|
|
jPlayer: "#jplayer_N",
|
|
cssSelectorAncestor: "#jp_container_N",
|
|
},
|
|
[
|
|
{
|
|
title: "Party Anthemes",
|
|
artist: "Shreya ghosal",
|
|
mp3: "../../dist/js/jplayer/sunrahahai.mp3",
|
|
poster: "../../dist/images/music/album3.jpg",
|
|
},
|
|
{
|
|
title: "Shubhaarambh",
|
|
artist: "Shreya ghosal",
|
|
mp3: "../../dist/js/jplayer/shubhaarambh.mp3",
|
|
poster: "../../dist/images/music/album2.jpg",
|
|
},
|
|
{
|
|
title: "title2",
|
|
artist: "Shreya ghosal",
|
|
mp3: "../../dist/js/jplayer/sunrahahai.mp3",
|
|
poster: "../../dist/images/music/album1.jpg",
|
|
},
|
|
],
|
|
{
|
|
playlistOptions: {
|
|
enableRemoveControls: true,
|
|
autoPlay: true,
|
|
},
|
|
swfPath: "./../dist/js/jplayer/",
|
|
supplied: "webmv, ogv, m4v, oga, mp3",
|
|
smoothPlayBar: true,
|
|
keyEnabled: true,
|
|
audioFullScreen: false,
|
|
}
|
|
);
|
|
|
|
$(document).on(
|
|
$.jPlayer.event.pause,
|
|
myPlaylist.cssSelector.jPlayer,
|
|
function () {
|
|
$(".musicbar").removeClass("animate");
|
|
$(".jp-play-me").removeClass("active");
|
|
$(".jp-play-me").parent("li").removeClass("active");
|
|
}
|
|
);
|
|
|
|
$(document).on(
|
|
$.jPlayer.event.play,
|
|
myPlaylist.cssSelector.jPlayer,
|
|
function () {
|
|
$(".musicbar").addClass("animate");
|
|
}
|
|
);
|
|
|
|
$(document).on("click", ".jp-play-me", function (e) {
|
|
e && e.preventDefault();
|
|
var $this = $(e.target);
|
|
if (!$this.is("a")) $this = $this.closest("a");
|
|
|
|
$(".jp-play-me").not($this).removeClass("active");
|
|
$(".jp-play-me").parent("li").not($this.parent("li")).removeClass("active");
|
|
|
|
$this.toggleClass("active");
|
|
$this.parent("li").toggleClass("active");
|
|
if (!$this.hasClass("active")) {
|
|
myPlaylist.pause();
|
|
} else {
|
|
var i = Math.floor(Math.random() * (1 + 7 - 1));
|
|
myPlaylist.play(i);
|
|
}
|
|
});
|
|
|
|
$("#playlist").on("shown.bs.dropdown", function () {
|
|
$(".mplayer .jp-playlist.open ul").css({
|
|
left: "auto",
|
|
right: "-21px",
|
|
width: "300px",
|
|
});
|
|
});
|
|
|
|
// for video player
|
|
|
|
$("#jplayer_1").jPlayer({
|
|
ready: function () {
|
|
$(this).jPlayer("setMedia", {
|
|
title: "The Asgardian Hammer",
|
|
m4v: "dist/avi/vd.mp4",
|
|
poster: "dist/avi/vd.jpg",
|
|
});
|
|
},
|
|
swfPath: "dist/js/jPlayer",
|
|
supplied: "webmv, ogv, m4v",
|
|
size: {
|
|
width: "100%",
|
|
height: "auto",
|
|
cssClass: "jp-video-360p",
|
|
},
|
|
globalVolume: true,
|
|
smoothPlayBar: true,
|
|
keyEnabled: true,
|
|
});
|
|
});
|
|
|