0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Youtubeのgainを大きくする方法

Posted at

YouTubeの video 要素の volume プロパティは通常、0(無音)から1(最大音量)までの範囲に制限されています。しかし、この制限を超えて音量をn倍に増大する方法をご紹介します。

解決策としてWeb Audio APIを使用

Web Audio APIを使用してYouTubeの音声を増強することが可能です。以下のコードをブラウザのコンソールに貼り付けて実行してください。

const video = document.querySelector('video');
const audioContext = new AudioContext();
const source = audioContext.createMediaElementSource(video);
const gainNode = audioContext.createGain();

gainNode.gain.value = 5; // 音量を5倍に設定

source.connect(gainNode);
gainNode.connect(audioContext.destination);

console.log('音量を5倍にしました!');

使用例

スクリーンショット 2024-12-31 160312.png

軽いコードの解説

audioContext

Web Audio API の AudioContext を使用することで音声を複雑に処理できる環境を構築します。

gainNode

gainNode は音量を調整するためのノードです。gain.value を変更することで音量を増大したり減少したりできます。

gainNode.gain.value = 5

音量を5倍に設定しています。この値は自由に変更することができます。ただし、大きすぎる値に設定すると音が崩れることがあるので注意してください。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?