|
|
@@ -53,13 +53,13 @@ function Control(el, {value=50,
|
|
|
|
|
|
this.setValue(value)
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
+let $song = document.querySelector('.mySong')
|
|
|
const volumeControl = new Control(container1, {value: 75, minAngle: -180})
|
|
|
-volumeControl.onchange = (value => console.log('ON CHANGE', value)) //на каждый setValue
|
|
|
-//console.log(volumeControl.getValue())
|
|
|
-//пришейте к нему тэг audio для громкости
|
|
|
+volumeControl.onchange = (value => {
|
|
|
+ $song.volume = value / 100
|
|
|
+})
|
|
|
+
|
|
|
+setTimeout(() => volumeControl.setValue(80), 2000)
|
|
|
|
|
|
function setRGB(value, n){
|
|
|
let arr = ['rgb', '(', red.getValue(), ', ', green.getValue(), ', ', blue.getValue(), ')']
|
|
|
@@ -67,7 +67,6 @@ function setRGB(value, n){
|
|
|
colorBox.style.backgroundColor = arr.join('')
|
|
|
}
|
|
|
|
|
|
-
|
|
|
const red = new Control(container2, {min: 0, max: 255})
|
|
|
red.onchange = (value) => setRGB(value,0)
|
|
|
const green = new Control(container2, {min: 0, max: 255})
|
|
|
@@ -75,4 +74,4 @@ green.onchange = (value) => setRGB(value,1)
|
|
|
const blue = new Control(container2, {min: 0, max: 255})
|
|
|
blue.onchange = (value) => setRGB(value,2)
|
|
|
|
|
|
-//setTimeout(() => volumeControl.setValue(80), 2000)
|
|
|
+
|
