deving
This commit is contained in:
105
res/assets/js/jplayer/jplayer.js
Normal file
105
res/assets/js/jplayer/jplayer.js
Normal file
@@ -0,0 +1,105 @@
|
||||
$(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,
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user