个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在深入研究 Andre Ruffert's rangeslider.js 的细节我很难将他的代码合并到一个简单的 HTML5 音频元素的控制和 react 中。
我发现您可以通过单击按钮以编程方式更改 slider 的值，但是如何链接音频以在播放时自动更新音频，并通过单击并拖动 slider 来修改音频 slider ？
最佳答案
我在这里做了一个工作演示:http://jsfiddle.net/alan0xd7/79ff562k/
这使用 timeupdate 事件来更新范围 slider 。
但是，当您尝试在播放时更改时间时，会出现一些奇怪的情况 - 有时它会恢复到原来的位置。我相信这是某种竞争条件，因为当您滑动轨道时，timeupdate 事件将触发并将其更改回当前时间。为了使其正常工作，您可能需要引入一些额外的逻辑，例如在拖动 slider 时暂停音频。
希望这有帮助!
关于javascript - 使用 Rangeslider.js 实现 HTML5 音频时间清理器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30374409/
25
4
0
我使用 R 中的 Plotly 包来绘制带有范围 slider 和范围选择器的绘图。 问题是范围 slider 往往会覆盖 x 轴刻度标签。 一个解决方案可能是手动设置 rangeslider 的位置
我有这个错误:TypeError: $(element).slider 不是函数 使用以下脚本: Rickshaw.namespace('Rickshaw.Graph.RangeSlider'); R
我正在使用 Andre Ruffert 的 rangeslider.js在 iDangerous 之上 swiper.js但每次滑动我初始化的 Rangeslider 时，它也会刺激 Swiper 的
我设法得到一个输出，但我想在用户滑动时显示多个输出。我怎样才能做到这一点？ 每个输出都有不同的值，比如 1x、1.2x、1.5x、1.3x 和 1.75x JSFiddle Demo $('input
现在在react-rangeslider中的一个简单示例如下 import React, { Component } from 'react' import Slider from 'react-ra
我正在尝试将 slider 放在引导模式上，但它似乎对我不起作用:我只是将 slider 的默认值打印在屏幕上。 screenshot 滑动条组件嵌套在模态组件内部。模态组件: import Reac
我在 QML 中为我的项目使用 RangeSlider。我的范围 slider 代码如下: RangeSlider { id: rangeSLider first.value:
我正在使用 ControlsFX 8.40.9 和最新的 JDK 1.8.0_51 我无法将 RangeSlider 设置为禁用。 设置 slider.setDisable(true); 时，我在日志
我在 QML 中为我的项目使用 RangeSlider。我的范围 slider 代码如下: RangeSlider { id: rangeSLider first.value:
我正在查看一个简单的人力车图表，其中包含来自 JSON 文件的数据。 d3.json(data, function(error, json) { var graph = new Rickshaw.Gr
我正在尝试使用简单的插件 Rangeslider，但不确定为什么即使控制台中没有任何错误它也不会初始化。插件详细信息可以在这里找到 http://andreruffert.github.io/rang
我已经用 Bokeh 创建了一个图，现在正尝试向其中添加一些小部件。目前我想用 RangeSlider 更改 x 轴，但我认为我在回调方面遇到了一些麻烦。随函附上代码: import pandas a
我正在尝试将包含一些图表的网页放在一起，以及一些 RangeSlider 小部件来控制图表的数据范围和粒度。我已经创建了一些元素来保存各种导航项，现在我想放置我的 RangeSliders。一切正常，
我试图让基本的 RangeSlider 与显示标签开始结束范围的标签一起工作。下面是您可以制作的最简化的...一个包含 slider 的容器。 由于某种原因，标签没有出现？我看过其他样本，这应该是微不
我想制作一个如下所示的自定义范围 slider : 但是，我试过了，但我的 RangeSlider 看起来像: 我的代码: data: SliderThem
我正在尝试绑定(bind)一个标签，使其显示在 RangeSlider 的下拇指和上拇指上方。 无论用户将其滑动到何处，标签的位置应始终保持在各自拇指的上方。就像这样: 我的方法是将监听器附加到每个拇
现在我有这样的事情: $("#my-age-slider").ionRangeSlider({ min: , max: , from: 18, step: 1,
我正在使用 rangeslider.js 并且我正在尝试禁用 slider 以低于 20 我正在使用 start 属性来实现它，但它不是那样工作的。 这是 fiddle https://jsfidd
你能帮我设置输入的默认值吗？ 当我提交表单内的范围时，它总是采用最小值到最大值，并且它不关心我将其放入输入值中的默认值。 我该如何解决这个问题？ $
我目前正在为我的元素使用 ion.RangeSlider，可以在这里找到它: http://ionden.com/a/plugins/ion.rangeSlider/en.html 效果很好，但我想知
我是一名优秀的程序员,十分优秀！