如何使用 Jquery 和 Hype 为 HTML5 视频创建音量滑块

发布于 2025-01-05 05:04:13 字数 211 浏览 2 评论 0原文

当涉及到 Jquery、Javascript 等时,我是一个完全的初学者,但我已经设法在我的页面中使用 Jquery 滑块小部件。现在我想让该滑块控制视频的音量,该视频将作为动画的一部分嵌入到 Tuult Hype 中。我知道 Hype 为视频提供了一个“元素 ID”,我可以从 Hype 外部调用该 ID,但我只需要知道应该向 Jquery Slider 函数添加哪些代码以启用该视频的音量控制。 请帮忙!

I'm a complete beginner when it comes to Jquery, Javascript etc but I've managed to get a Jquery slider widget working in my page. Now I want to have that slider control the volume of a video which will be embedded as part of an animation in Tumult Hype. I know that Hype gives the video an 'element ID' that I can call from outside of Hype but I just need to know what code I should add to the Jquery Slider function to enable volume control of this video.
Please Help!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

羞稚 2025-01-12 05:04:13

我使用这个:

$('#volSlider').slider({
        orientation: "vertical",
        value: vid1.volume,
        min: 0,
        max: 1,
        range: 'min',
        animate: true,
        step: .1,
        slide: function(e, ui) { 
            vid1.volume = ui.value;
            if(ui.value > 0) vid1.muted = false;
        }
});

它假设视频元素的 ID 是 vid1。

I use this:

$('#volSlider').slider({
        orientation: "vertical",
        value: vid1.volume,
        min: 0,
        max: 1,
        range: 'min',
        animate: true,
        step: .1,
        slide: function(e, ui) { 
            vid1.volume = ui.value;
            if(ui.value > 0) vid1.muted = false;
        }
});

It assumes the ID of the video element is vid1.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文