位置音频触发(HTML,CSS,skrollr,JS)
Positional audio triggering (HTML, CSS, skrollr, JS)
我正在制作一个数字故事讲述,这是一个包含图像和音轨的网站。我今天遇到了skrollr,发现它很有趣。现在我想知道是否有人知道将 skrollr 与音轨一起使用的解决方案 - 以便音频将根据滚动位置停止和开始。我欣赏所有的想法和创造性的想法。
链接到 skrollr: https://github.com/Prinzhorn/skrollr
> Skrollr 只对 CSS 中的更改进行动画处理。你需要使用javascript来做你想做的事情。
这很容易用jQuery做到。设置事件处理程序以监视滚动事件,然后检查文档是否在特定范围内滚动,然后执行任何操作(例如播放/暂停音频(。播放音频有一百万种解决方案。我推荐吼叫.js。
相关文章:
- CSS-如何定位内容数据标题
- 窗口大小html css
- 如果文本字段为空,则使用JavaScript应用CSS样式
- 动画.CSS重播
- 有没有一种方法可以防止img get请求使用css或js发生
- CSS表格:从列平移到整个表格宽度
- CKEditor-我在editor.css中的风格是't
- 单击更改图标并通过javascript添加一个css类
- 将CSS应用于printWindow.print();在Javascript中
- 使用CSS或js,使用动态选择器选择任意li的下一个元素
- CSS-若窗口太小,滚动条会出现在“表格”单元格上
- css(或jQuery)悬停时淡入淡出
- 为什么不'在JQuery中找到第二个css选择器的工作
- 为什么 .focus() 不起作用,而 .css(“color”,“red”) 在同一个选择器上起作用
- 如何使用css动画/javascript使具有背景图像的元素出现
- 获取HTML属性中CSS声明的值
- 当我更改Joomla时,它仍然从旧域加载CSS和Javascript
- 如何使用css动画从中心增加边界线
- 位置音频触发(HTML,CSS,skrollr,JS)
- 动画化body>后台使用CSS和skrollr.js