百度已收录

用JS扩大网页视频音量

超耐磨泡泡 24 0

二手的视频有时候把音量调到最大还是很小,想着打开控制台修改一下(之前操作dom修改播放速率是可以的想着音量应该也可以)
于是操作了一下提示音量范围只能是0-1,那么要想增大音频,就只能对音量进行增益。

于是,经过研究写了一个方法。

使用也很简单,直接把代码粘到控制台,然后调用这个方法。

/**
 * 对媒体元素的音量进行音量增益
 * @param {HTMLMediaElement} mediaElem 媒体元素
 * @param {Number} multiplier 增益倍数 
 */
function amplifyMedia(mediaElem, multiplier) {
    // 创建音频处理对象
    let context = new (window.AudioContext || window.webkitAudioContext)();
    // 创建音频接口输入到mediaElem,则可以通过elSource可以修改其音频
    let elSource = context.createMediaElementSource(mediaElem)
    // 创建GainNode(音量处理模块)
    let gainNode = context.createGain() 
    // 将音量处理模块与mediaElem绑定
    elSource.connect(gainNode);
    // AudioDestinationNode接口表示音频图形的最终输出地址,此处为绑定到对应的扬声器
    gainNode.connect(context.destination);
    //GainNode的gain实例属性表示增益效果,可以理解为音量放大比例
    gainNode.gain.value = multiplier
}

用JS扩大网页视频音量

用JS扩大网页视频音量

快进代码:

document.querySelector("video").playbackRate = 1.25

 

发表评论 取消回复
表情 图片 链接 代码

分享