Compare commits
No commits in common. "960cbeabc36608f8773ebf3024ba017e1f9392ce" and "9a235e2602f99ade31498dec78fde834a1491de4" have entirely different histories.
960cbeabc3
...
9a235e2602
5
.gitignore
vendored
5
.gitignore
vendored
@ -41,12 +41,7 @@ bower_components
|
||||
build/Release
|
||||
|
||||
# Dependency directories
|
||||
|
||||
node_modules/
|
||||
!node_modules/moonlink.js/
|
||||
!node_modules/moonlink.js/dist/
|
||||
|
||||
|
||||
jspm_packages/
|
||||
|
||||
# Snowpack dependency directory (https://snowpack.dev/)
|
||||
|
||||
0
Jenkinsfile_ntpd → Jenkinsfile
vendored
0
Jenkinsfile_ntpd → Jenkinsfile
vendored
@ -1,8 +1,8 @@
|
||||
[
|
||||
{
|
||||
"host": "localhost",
|
||||
"host": "omega.raphix.fr",
|
||||
"port": 2333,
|
||||
"password": "youshallnotpass",
|
||||
"retryAmount": 5
|
||||
"retryAmount": 1
|
||||
}
|
||||
]
|
||||
@ -481,8 +481,7 @@
|
||||
"e18b2d89-2494-4cfe-af55-dad6dfbc0c60",
|
||||
"0a0b75f3-6a42-4ccf-92f9-d992a63545a4",
|
||||
"419a246f-e7b3-4aa4-9fa0-816dffc22a19",
|
||||
"471c4c81-b8bc-42e7-af1a-d33df30cff2b",
|
||||
"9f299250-6017-457b-87b6-23181288150a"
|
||||
"471c4c81-b8bc-42e7-af1a-d33df30cff2b"
|
||||
],
|
||||
"picture": "/userspictures/486943594893017119.png",
|
||||
"banned": false,
|
||||
|
||||
14
package-lock.json
generated
14
package-lock.json
generated
@ -16,7 +16,7 @@
|
||||
"express-favicon": "^2.0.4",
|
||||
"loguix": "^1.4.2",
|
||||
"markdown-it": "^13.0.1",
|
||||
"moonlink.js": "^3.6.4",
|
||||
"moonlink.js": "^3.6.0",
|
||||
"nodemon": "^2.0.22",
|
||||
"pm2": "^5.3.0",
|
||||
"request": "^2.88.2",
|
||||
@ -2271,9 +2271,9 @@
|
||||
"integrity": "sha512-ySViT69/76t8VhE1xXHK6Ch4NcDd26gx0MzKXLO+F7NOtnqH68d9zF94nT8ZWSxXh8ELOERsnJO/sWt1xZYw5A=="
|
||||
},
|
||||
"node_modules/moonlink.js": {
|
||||
"version": "3.6.4",
|
||||
"resolved": "https://registry.npmjs.org/moonlink.js/-/moonlink.js-3.6.4.tgz",
|
||||
"integrity": "sha512-qaL/FxrWtwLLJmUHyFIh+kQauM1TUEb1qeK1oeoPxQ175SXPFgGySCV01h/RGc0Ki4Erke5rKAERt/aP1xVA4w==",
|
||||
"version": "3.6.0",
|
||||
"resolved": "https://registry.npmjs.org/moonlink.js/-/moonlink.js-3.6.0.tgz",
|
||||
"integrity": "sha512-uzXCc8G+bl87TqgoLV1pJZ0WMcGVY5RyjUJpegvKhF5lhqShIPREiH60ZORi832VQoVyg3KCBJLMSKv0D3j8wQ==",
|
||||
"engines": {
|
||||
"node": ">=16.6.0"
|
||||
}
|
||||
@ -5536,9 +5536,9 @@
|
||||
"integrity": "sha512-ySViT69/76t8VhE1xXHK6Ch4NcDd26gx0MzKXLO+F7NOtnqH68d9zF94nT8ZWSxXh8ELOERsnJO/sWt1xZYw5A=="
|
||||
},
|
||||
"moonlink.js": {
|
||||
"version": "3.6.4",
|
||||
"resolved": "https://registry.npmjs.org/moonlink.js/-/moonlink.js-3.6.4.tgz",
|
||||
"integrity": "sha512-qaL/FxrWtwLLJmUHyFIh+kQauM1TUEb1qeK1oeoPxQ175SXPFgGySCV01h/RGc0Ki4Erke5rKAERt/aP1xVA4w=="
|
||||
"version": "3.6.0",
|
||||
"resolved": "https://registry.npmjs.org/moonlink.js/-/moonlink.js-3.6.0.tgz",
|
||||
"integrity": "sha512-uzXCc8G+bl87TqgoLV1pJZ0WMcGVY5RyjUJpegvKhF5lhqShIPREiH60ZORi832VQoVyg3KCBJLMSKv0D3j8wQ=="
|
||||
},
|
||||
"ms": {
|
||||
"version": "2.0.0",
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
"express-favicon": "^2.0.4",
|
||||
"loguix": "^1.4.2",
|
||||
"markdown-it": "^13.0.1",
|
||||
"moonlink.js": "^3.6.4",
|
||||
"moonlink.js": "^3.6.0",
|
||||
"nodemon": "^2.0.22",
|
||||
"pm2": "^5.3.0",
|
||||
"request": "^2.88.2",
|
||||
|
||||
@ -194,14 +194,11 @@ function startErelaManager(dlog, config) {
|
||||
|
||||
const list = new List()
|
||||
|
||||
|
||||
client.manager.on("playerCreate", async (player) => {
|
||||
|
||||
await client.channels.fetch(player.options.voiceChannel).then(channel => {
|
||||
plog.log("Nouveau Player instancié dans : " + channel.name)
|
||||
})
|
||||
|
||||
|
||||
player.setVolume(100)
|
||||
|
||||
process.emit("MUSIC_UPDATE_STATE")
|
||||
@ -245,7 +242,6 @@ function startErelaManager(dlog, config) {
|
||||
|
||||
client.manager.on("queueEnd", async () => {
|
||||
let player = await client.manager.players.get("137291455336022018")
|
||||
console.log("END OF QUEUE")
|
||||
if(player) {
|
||||
|
||||
await list.addCurrentToPrevious()
|
||||
@ -260,33 +256,9 @@ function startErelaManager(dlog, config) {
|
||||
process.emit("MUSIC_UPDATE_STATE")
|
||||
})
|
||||
|
||||
let events = [
|
||||
"playerConnected",
|
||||
"playerCreated",
|
||||
"playerPaused",
|
||||
"playerRestarted",
|
||||
"playerResume",
|
||||
"playerStopped",
|
||||
"playerSetVoiceChannel",
|
||||
"playerAutoPlayTriggered",
|
||||
"playerAutoLeaveTriggered",
|
||||
"playerSetTextChannel",
|
||||
"playerVolumeChanged",
|
||||
"playerSkipped",
|
||||
"playerSeeking",
|
||||
"playerLoopSet",
|
||||
"playerShuffled",
|
||||
"playerMove",
|
||||
"playerDisconnect",
|
||||
"playerDestroyed",
|
||||
"playerUpdate"
|
||||
];
|
||||
|
||||
events.forEach(event => {
|
||||
client.manager.on(event, (player) => {
|
||||
process.emit("MUSIC_UPDATE_STATE");
|
||||
});
|
||||
});
|
||||
client.manager.on("playerUpdate", (player) => {
|
||||
require("./sub-player").updateMusicState(client)
|
||||
})
|
||||
|
||||
// Emitted whenever a node connects
|
||||
client.manager.on("nodeReady", node => {
|
||||
|
||||
@ -118,14 +118,12 @@ module.exports.List = class {
|
||||
}
|
||||
|
||||
setCurrent(song) {
|
||||
|
||||
|
||||
current = song.current
|
||||
|
||||
current = song.queue.current
|
||||
|
||||
}
|
||||
|
||||
addCurrentToPrevious() {
|
||||
|
||||
if(current) {
|
||||
var previousList = getPreviousFile()
|
||||
previousList.unshift(current)
|
||||
|
||||
@ -92,7 +92,7 @@ module.exports.play = async function (client, interaction) {
|
||||
}
|
||||
|
||||
|
||||
process.emit("MUSIC_UPDATE_STATE")
|
||||
|
||||
|
||||
}
|
||||
|
||||
@ -117,7 +117,6 @@ module.exports.pause = function (client, interaction) {
|
||||
interaction.reply({embeds: [embed]})
|
||||
|
||||
player.pause()
|
||||
process.emit("MUSIC_UPDATE_STATE")
|
||||
} else {
|
||||
|
||||
const embed = new EmbedBuilder()
|
||||
@ -130,7 +129,6 @@ module.exports.pause = function (client, interaction) {
|
||||
interaction.reply({embeds: [embed]})
|
||||
|
||||
player.resume()
|
||||
process.emit("MUSIC_UPDATE_STATE")
|
||||
}
|
||||
|
||||
} else {
|
||||
@ -163,6 +161,7 @@ module.exports.pause = function (client, interaction) {
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@ -194,7 +193,7 @@ module.exports.getState = function(client, interaction) {
|
||||
|
||||
}
|
||||
|
||||
process.emit("MUSIC_UPDATE_STATE")
|
||||
|
||||
|
||||
}
|
||||
|
||||
@ -205,7 +204,7 @@ module.exports.playPlaylist = function (id, data, quick) {
|
||||
playlist.videos = data
|
||||
list.playlistAdd(playlist, null, id, quick)
|
||||
|
||||
process.emit("MUSIC_UPDATE_STATE")
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -271,7 +270,7 @@ module.exports.addSong = async function (data, userId, quick, playlist) {
|
||||
|
||||
|
||||
|
||||
process.emit("MUSIC_UPDATE_STATE")
|
||||
|
||||
|
||||
}
|
||||
|
||||
@ -294,7 +293,7 @@ module.exports.addSongsFromPlaylist = async function (data, userId, quick) {
|
||||
|
||||
|
||||
|
||||
process.emit("MUSIC_UPDATE_STATE")
|
||||
|
||||
|
||||
}
|
||||
|
||||
@ -357,7 +356,7 @@ module.exports.skip = function (client, interaction) {
|
||||
|
||||
|
||||
}
|
||||
process.emit("MUSIC_UPDATE_STATE")
|
||||
|
||||
|
||||
}
|
||||
|
||||
@ -367,21 +366,19 @@ module.exports.seek = function (data) {
|
||||
|
||||
client = discord.getClient()
|
||||
|
||||
/**
|
||||
* @type {import("moonlink.js").MoonlinkPlayer}
|
||||
*/
|
||||
|
||||
let player = client.manager.players.get("137291455336022018")
|
||||
|
||||
if(player) {
|
||||
|
||||
player.seek((Number(data) - 1000))
|
||||
player.seek(data)
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
process.emit("MUSIC_UPDATE_STATE")
|
||||
|
||||
|
||||
}
|
||||
|
||||
@ -400,7 +397,7 @@ module.exports.setVol = function (data) {
|
||||
|
||||
}
|
||||
|
||||
process.emit("MUSIC_UPDATE_STATE")
|
||||
|
||||
|
||||
|
||||
|
||||
@ -415,24 +412,20 @@ module.exports.loop = function (client) {
|
||||
client = discord.getClient()
|
||||
}
|
||||
|
||||
/**
|
||||
* @type {import("moonlink.js").MoonlinkPlayer}
|
||||
*/
|
||||
let player = client.manager.players.get("137291455336022018")
|
||||
|
||||
if(player) {
|
||||
|
||||
if(player.loop == 1) {
|
||||
player.setLoop(0)
|
||||
if(player.queueRepeat == true) {
|
||||
player.setQueueRepeat(false)
|
||||
} else {
|
||||
|
||||
player.setLoop(1)
|
||||
|
||||
player.setQueueRepeat(true)
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
process.emit("MUSIC_UPDATE_STATE")
|
||||
|
||||
|
||||
}
|
||||
|
||||
@ -458,7 +451,7 @@ module.exports.changeShuffle = function (client) {
|
||||
|
||||
}
|
||||
|
||||
process.emit("MUSIC_UPDATE_STATE")
|
||||
|
||||
|
||||
}
|
||||
|
||||
@ -493,7 +486,7 @@ module.exports.search = async function (data, client) {
|
||||
}
|
||||
|
||||
return answer
|
||||
process.emit("MUSIC_UPDATE_STATE")
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -554,7 +547,7 @@ module.exports.previous = function (client, interaction) {
|
||||
|
||||
|
||||
}
|
||||
process.emit("MUSIC_UPDATE_STATE")
|
||||
|
||||
}
|
||||
|
||||
const clog = new LogType("Actualisation")
|
||||
@ -629,7 +622,7 @@ module.exports.report = async function (client, interaction, data) {
|
||||
interaction.reply({embeds: [membed]})
|
||||
}
|
||||
|
||||
process.emit("MUSIC_UPDATE_STATE")
|
||||
|
||||
|
||||
}
|
||||
|
||||
@ -668,7 +661,7 @@ module.exports.updateMusicState = function (client, action) {
|
||||
|
||||
data["current"] = player.current
|
||||
|
||||
if(player.loop == 1) {
|
||||
if(player.queueRepeat == true) {
|
||||
|
||||
data["loop"] = true
|
||||
}
|
||||
@ -682,6 +675,7 @@ module.exports.updateMusicState = function (client, action) {
|
||||
currentTitle = player.current.title
|
||||
}
|
||||
|
||||
console.log(player.paused)
|
||||
if(player.paused) {
|
||||
|
||||
data["playing"] = 0
|
||||
@ -705,10 +699,9 @@ module.exports.updateMusicState = function (client, action) {
|
||||
}
|
||||
|
||||
clog.log("Actualisation Clients - Titre : " + currentTitle + " - Loop : " + data.loop + " - Shuffle : " + data.shuffle + " - Playing : " + data.playing + " - Volume : " + Math.trunc(data.volume / 10) )
|
||||
|
||||
|
||||
|
||||
return data
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@ -760,7 +753,7 @@ module.exports.leave = function (client, interaction) {
|
||||
}
|
||||
|
||||
|
||||
process.emit("MUSIC_UPDATE_STATE")
|
||||
|
||||
|
||||
}
|
||||
|
||||
@ -782,7 +775,7 @@ module.exports.moveOut = function(userId) {
|
||||
|
||||
}
|
||||
}
|
||||
process.emit("MUSIC_UPDATE_STATE")
|
||||
|
||||
}
|
||||
|
||||
// FINI
|
||||
|
||||
@ -29,7 +29,7 @@ var durationTotal = 0
|
||||
|
||||
var interval = null
|
||||
|
||||
var currentTitle = null
|
||||
var currentTitle = ""
|
||||
|
||||
var playerState = "DISCONNECTED"
|
||||
|
||||
@ -37,7 +37,7 @@ AlwaysRequest("MUSIC_STATE", async (data) => {
|
||||
durationAct = 0
|
||||
durationTotal = 0
|
||||
playerState = "DISCONNECTED"
|
||||
currentTitle = null
|
||||
currentTitle = ""
|
||||
stopInterval()
|
||||
|
||||
console.log(data)
|
||||
@ -131,7 +131,7 @@ AlwaysRequest("MUSIC_STATE", async (data) => {
|
||||
|
||||
|
||||
play.classList.add("disabled")
|
||||
currentTitle = null
|
||||
currentTitle = ""
|
||||
}
|
||||
|
||||
if(data.queue) {
|
||||
@ -153,7 +153,7 @@ AlwaysRequest("MUSIC_STATE", async (data) => {
|
||||
|
||||
if(data.volume) {
|
||||
volume.step = 1
|
||||
volume.max = 150
|
||||
volume.max = 200
|
||||
volume.min = 1
|
||||
volume.value = Math.trunc(data.volume / 10)
|
||||
volTxt.innerHTML = Math.trunc(data.volume / 10) + "%"
|
||||
@ -305,7 +305,7 @@ lyrics.addEventListener('click', (e) => {
|
||||
|
||||
} else {
|
||||
|
||||
if(currentTitle) {
|
||||
if(currentTitle != "") {
|
||||
showLyrics(currentTitle)
|
||||
|
||||
} else {
|
||||
@ -406,7 +406,7 @@ function startInterval() {
|
||||
interval = setInterval(() => {
|
||||
|
||||
|
||||
if(playerState == "PLAYING" && currentTitle) {
|
||||
if(playerState == "PLAYING") {
|
||||
setTime()
|
||||
|
||||
}
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
body {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
background: #19001e;
|
||||
background: #160120;
|
||||
display: flex;
|
||||
color: #FFF;
|
||||
font-family: 'Inter', sans-serif;
|
||||
@ -351,21 +351,11 @@ button:hover {
|
||||
padding: 20px 20px 20px 20px;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
gap: 20px;
|
||||
align-self: stretch;
|
||||
background: #131313;
|
||||
}
|
||||
|
||||
hr {
|
||||
width: 100%;
|
||||
display: block;
|
||||
height: 1px;
|
||||
border: 0;
|
||||
border-top: 1px solid #cccccc87;
|
||||
margin: 1em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*Title*/
|
||||
|
||||
.title {
|
||||
@ -403,11 +393,11 @@ hr {
|
||||
.homeselector {
|
||||
display: flex;
|
||||
width: 344px;
|
||||
|
||||
padding: 20px;
|
||||
justify-content: space-around;
|
||||
align-items: flex-start;
|
||||
border-radius: 5px;
|
||||
|
||||
border-radius: 10px;
|
||||
background: #2F2F2F;
|
||||
}
|
||||
|
||||
.homeselector_div:hover {
|
||||
@ -430,7 +420,7 @@ hr {
|
||||
.homeselector_icon {
|
||||
|
||||
border: 2px solid #ffffff;
|
||||
border-radius: 5px;
|
||||
border-radius: 10px;
|
||||
font-size: 23px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@ -442,7 +432,7 @@ hr {
|
||||
}
|
||||
|
||||
.homeselector_icon:hover {
|
||||
/* background-color: #ffffff; */
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
transform: scale(0.95);
|
||||
}
|
||||
@ -451,14 +441,14 @@ hr {
|
||||
|
||||
.playlist {
|
||||
display: flex;
|
||||
|
||||
padding: 20px;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 20px;
|
||||
flex: 1 0 0;
|
||||
align-self: stretch;
|
||||
border-radius: 5px;
|
||||
|
||||
border-radius: 10px;
|
||||
background: #2F2F2F;
|
||||
|
||||
}
|
||||
|
||||
@ -529,9 +519,9 @@ hr {
|
||||
align-items: center;
|
||||
flex: 1 0 0;
|
||||
align-self: stretch;
|
||||
|
||||
border-radius: 5px;
|
||||
|
||||
padding: 20px;
|
||||
border-radius: 10px;
|
||||
background: rgba(217, 217, 217, 0.30);
|
||||
}
|
||||
|
||||
.view-other {
|
||||
@ -559,7 +549,7 @@ hr {
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
align-self: stretch;
|
||||
border-radius: 5px;
|
||||
border-radius: 10px;
|
||||
height: 30%;
|
||||
background: rgba(217, 217, 217, 0.30);
|
||||
|
||||
@ -609,7 +599,7 @@ hr {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
align-self: stretch;
|
||||
border-radius: 5px;
|
||||
border-radius: 10px;
|
||||
background: rgba(217, 217, 217, 0.30);
|
||||
|
||||
}
|
||||
@ -1074,7 +1064,7 @@ hr {
|
||||
.playlist-add {
|
||||
background-color: #545454;
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
border-radius: 10px;
|
||||
cursor: pointer;
|
||||
transition: 0.2s;
|
||||
font-size: 14px;
|
||||
@ -1118,7 +1108,7 @@ hr {
|
||||
|
||||
border: 2px solid #ffffff;
|
||||
|
||||
border-radius: 5px;
|
||||
border-radius: 10px;
|
||||
font-size: 20px;
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
@ -1201,7 +1191,7 @@ hr {
|
||||
|
||||
gap: 10px;
|
||||
align-self: stretch;
|
||||
border-radius: 5px;
|
||||
border-radius: 10px;
|
||||
|
||||
|
||||
|
||||
@ -1457,12 +1447,6 @@ hr {
|
||||
width: 100px !important;
|
||||
}
|
||||
|
||||
|
||||
.vol_px {
|
||||
display: flex;
|
||||
gap: 5px !important;
|
||||
}
|
||||
|
||||
.oobe-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -1470,7 +1454,7 @@ hr {
|
||||
align-items: flex-start;
|
||||
align-self: stretch;
|
||||
padding: 20px;
|
||||
border-radius: 5px;
|
||||
border-radius: 10px;
|
||||
background: rgba(217, 217, 217, 0.30);
|
||||
width: 30%;
|
||||
|
||||
@ -1507,7 +1491,7 @@ hr {
|
||||
align-items: flex-start;
|
||||
align-self: stretch;
|
||||
padding: 20px;
|
||||
border-radius: 5px;
|
||||
border-radius: 10px;
|
||||
background: #2F2F2F;
|
||||
width: 30%;
|
||||
}
|
||||
@ -1519,7 +1503,7 @@ hr {
|
||||
align-items: flex-start;
|
||||
align-self: stretch;
|
||||
padding: 20px;
|
||||
border-radius: 5px;
|
||||
border-radius: 10px;
|
||||
background: #2F2F2F;
|
||||
|
||||
}
|
||||
@ -1567,7 +1551,7 @@ hr {
|
||||
.oobe-search {
|
||||
background: #2d2d2d;
|
||||
padding: 20px;
|
||||
border-radius: 5px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -1623,20 +1607,15 @@ input[type="range"] {
|
||||
}
|
||||
/*Scrollbar */
|
||||
::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
width: 10px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
border-radius: 12px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #ffffff56;
|
||||
border-radius: 5px;
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #ffffffa8;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -1647,7 +1626,7 @@ input[type="range"] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 150px;
|
||||
border-radius: 5px;
|
||||
border-radius: 10px;
|
||||
z-index: 3;
|
||||
height: auto;
|
||||
}
|
||||
@ -1697,7 +1676,7 @@ input[type="range"] {
|
||||
padding: 20px;
|
||||
box-shadow: 4px 5px 12px 5px rgba(0,0,0,0.6);
|
||||
width: 50%;
|
||||
border-radius: 5px;
|
||||
border-radius: 10px;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
|
||||
@ -28,7 +28,6 @@
|
||||
<span class="homeselector_text">Soundboard</span>
|
||||
</div> -->
|
||||
</div>
|
||||
<hr>
|
||||
<div class="playlist">
|
||||
<div class="wintitle">
|
||||
<p>Playlists</p>
|
||||
@ -43,7 +42,6 @@
|
||||
</div>
|
||||
<button class="playlist-add-btn" id="playlist-add"><i class="fa fa-plus"></i> Ajouter une playlist</button>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="usercard">
|
||||
<div class="usercard_div">
|
||||
<img id="user-img" class="usercard_image" src="/images/default.jpg"></img>
|
||||
@ -128,12 +126,10 @@
|
||||
</div>
|
||||
<div>
|
||||
|
||||
<div class="vol_px">
|
||||
<span id="volIcon"><i class="fa fa-volume-up"></i></span>
|
||||
<span id="volTxt"></span>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<span id="volIcon"><i class="fa fa-volume-up"></i></span>
|
||||
<span id="volTxt"></span>
|
||||
|
||||
<input id="volume" type="range" value="100" max="100">
|
||||
</div>
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user