106 lines
4.1 KiB
JavaScript
106 lines
4.1 KiB
JavaScript
$(function () {
|
|
var myPlaylist = new jPlayerPlaylist(
|
|
{
|
|
jPlayer: "#jplayer_N",
|
|
cssSelectorAncestor: "#jp_container_N",
|
|
},
|
|
[
|
|
{
|
|
title: "Party Anthemes",
|
|
artist: "Shreya ghosal",
|
|
mp3: "https://eu-central.storage.cloudconvert.com/tasks/d2f86c9f-d9d8-448a-bc4d-9b212ee8e51b/sunrahahai.mp3?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=cloudconvert-production%2F20240228%2Ffra%2Fs3%2Faws4_request&X-Amz-Date=20240228T080215Z&X-Amz-Expires=86400&X-Amz-Signature=47fb93e53f722d4c368126145ec63145b77b964bbb42232107694ae88a76a7a1&X-Amz-SignedHeaders=host&response-content-disposition=inline%3B%20filename%3D%22sunrahahai.mp3%22&response-content-type=audio%2Fmpeg&x-id=GetObject",
|
|
poster: "../assets/images/music/album3.jpg",
|
|
},
|
|
{
|
|
title: "Shubhaarambh",
|
|
artist: "Shreya ghosal",
|
|
mp3: "https://eu-central.storage.cloudconvert.com/tasks/79b8d3d1-3c18-4ae6-ab6f-bbbfc5b392b1/shubhaarambh.mp3?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=cloudconvert-production%2F20240228%2Ffra%2Fs3%2Faws4_request&X-Amz-Date=20240228T074750Z&X-Amz-Expires=86400&X-Amz-Signature=9f9b92de9f1484c54c0159817ec3e5a139b500d5a2fff94dd89cd4df59267bc6&X-Amz-SignedHeaders=host&response-content-disposition=inline%3B%20filename%3D%22shubhaarambh.mp3%22&response-content-type=audio%2Fmpeg&x-id=GetObject",
|
|
poster: "../assets/images/music/album2.jpg",
|
|
},
|
|
{
|
|
title: "title2",
|
|
artist: "Shreya ghosal",
|
|
mp3: "https://eu-central.storage.cloudconvert.com/tasks/d2f86c9f-d9d8-448a-bc4d-9b212ee8e51b/sunrahahai.mp3?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=cloudconvert-production%2F20240228%2Ffra%2Fs3%2Faws4_request&X-Amz-Date=20240228T080215Z&X-Amz-Expires=86400&X-Amz-Signature=47fb93e53f722d4c368126145ec63145b77b964bbb42232107694ae88a76a7a1&X-Amz-SignedHeaders=host&response-content-disposition=inline%3B%20filename%3D%22sunrahahai.mp3%22&response-content-type=audio%2Fmpeg&x-id=GetObject",
|
|
poster: "../assets/images/music/album1.jpg",
|
|
},
|
|
],
|
|
{
|
|
playlistOptions: {
|
|
enableRemoveControls: true,
|
|
autoPlay: false,
|
|
},
|
|
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,
|
|
});
|
|
});
|