사운드 볼륨 조절 커스텀화

[mirusu400]

현재의 사운드는 그냥 HTMLMediaElement 를 이용하기때문에 여기의 volume attribute를 지정해서 수정하는 방법밖에 없습니다.

그렇기에, 최소 0부터 최대 1까지밖에 안되고, 이는 이미 KLAS에서 쓰는 UniPlayer에 적용이 되어있습니다.

참고 : https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/volume

이를 해결하기 위해서는 audioContext API를 이용하면 볼륨 확장이 가능하다고 해, 개발 가능성은 있어 보입니다.

참고 : https://github.com/piousdeer/chrome-volume-manager/blob/master/src/background.ts

[mirusu400]

사운드 볼륨을 1 이상으로 조절하는 간단한 예제 스니펫입니다

const element = document.getElementsByClassName("vc-vplay-video1")[0]

const audioContext = new AudioContext()
const streamSource = audioContext.createMediaStreamSource(element.captureStream())
const gainNode = audioContext.createGain()

streamSource.connect(gainNode)
gainNode.connect(audioContext.destination)


gainNode.gain.value = 200