« 2013年04月 | メイン | 2014年04月 »

2013年12月 アーカイブ

2013年12月01日

HTML5 Conference 2013の動画に Web Audio API のローパスフィルタを適用して聞きやすくする

追記
ルームによって音響特性が全然違いました。
なので、あまり役に立たないようです。
追記ここまで。
HTML5 Conference 2013の動画がYouTube上で公開されています。
ただ、長時間聞いていると高音のノイズが気になってきたので、Web Audio API のローパスフィルタを使って、ノイズを消すコードを書きました。
YouTubeの動画のページを開いてから、Webコンソール上で実行して下さい。
ローパスフィルタには2400Hzを指定していますが、「こういう動画に向いた定番の値があるよ!」等のツッコミをお待ちしています。
(function(){
    var AudioContext = window.AudioContext || window.webkitAudioContext || window.mozAudioContext || window.msAudioContext;
    var video = document.getElementsByTagName("video")[0];
    var context = new AudioContext();
    var source = context.createMediaElementSource(video);
    var lowpass = context.createBiquadFilter();
    lowpass.type = lowpass.LOWPASS;
    lowpass.frequency.value = 2400;
    source.connect(lowpass);
    lowpass.connect(context.destination);
})();
Google

タグ クラウド