问题标签 [wavesurfer.js]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 以容器 div 为目标初始化 WaveSurfer
我正在尝试使用 wavesurfer.js 为使用 JavaScript 动态创建的元素创建波形。这是我的代码:
console.log 显示元素的正确 id,因此选择器似乎可以工作,但是 wavesurfer.js 给出以下错误:
javascript - 使用 wavesurfer.js 为 CSS 属性设置动画
wavesurfer.js非常适合从音频文件渲染波形,但我想知道是否可以将任何 CSS 属性设置为由 wavesurfer.js 生成的波形/光谱图的幅度/频率?是否有一种变量可以分配给另一个参数(例如: an 的不透明度<img>
)?
javascript - Wavesurfer.js 未在本地或从服务器加载
有人能在这里发现问题吗?
来自 wavesurfer 网站的上述代码示例正在运行。如果我在本地使用 SAME mp3 初始化变量: var song = 'audio/song_cjrg_teasdale_64kb.mp3'
或者我从服务器初始化变量: var song = ' http://jamesdoe.byethost9.com/jonikae/audio/song_cjrg_teasdale_64kb.mp3 '
两者都行不通。有谁能够确定为什么 wavesurfer 不合作?
javascript - wavesufer 在不改变音高的情况下更新播放速率
我正在使用wavesufer为音频文件和其他功能生成波形。
每当我尝试更新playbackRate 时,声音的音调都会发生奇怪的变化。我使用了以下几种方法。
我检查了wavesufer 网站、博客、文档,但仍不清楚如何在不影响音高的情况下更改playbackRate。
javascript - 如何在 PHP 中使用解码的 JSON 数据?
使用这个插件,我需要使用预渲染数据绘制音频波形。
我将 JSON 数据存储在 MySQL 中{"sample_rate":44100,"samples_per_pixel":4410,"bits":8,"length":2668,"data":[0.13,0.19,0.15,0.11,0.13,0.13,0.24,0.35 ...]}
所以我尝试了:
PHP
HTML
JS
我的节目调试wave_data
是正确的,0.01,0.13,0.19,0.15,0.11,...
但是没有绘制波形。
相反,如果我设置wavesurferbottom.backend.peaks = [0.01,0.13,0.19,0.15,0.11,...];
它有效。
我不是 JSON 专家,我做错了什么?
javascript - 如何同时使用 Howler.js 和 Wavesurfer.js
我是 HTML5 音频编程的新手,我最近在我的项目中使用了 howler.js,这是一个基于 html5 的音频播放器,我想要 wavesurfer.js 为我的播放器提供的酷波风格搜索器,但我找不到一种将 wavesurfer 用于我的搜索器和 howler.js 用于播放音乐文件的方法。是否有另一个 jquery 插件或我可以用来与 howler、js 同步并绘制轨道波形的画布的东西。
javascript - 无法使用 wavesurfer.js 播放本地音频 .wav 文件
我无法在 wavesurfer.js 中播放我的本地音频文件。如果我将直接本地文件路径传递给加载方法,则会在浏览器控制台中引发异常。谁能用片段解决我这个问题将不胜感激。提前谢谢这是我的代码
在这里它会引发错误
angularjs - 以角度下载azure blob存储文件
有没有办法从 Angular 的 Azure Blob 存储中下载 wav 文件?我想和 wavesurfer.js 一起玩
javascript - wavesurfer.js destroy() 导致未捕获(承诺中)DOMException:无法关闭正在关闭或已经关闭的上下文
我正在使用wavesurfer在我的网页上显示歌曲波形。我正在使用以下代码 -
一旦wavesurfer.destroy()
被调用,我就会在控制台中收到以下错误消息 -
Uncaught (in promise) DOMException: 无法关闭正在关闭或已经关闭的上下文。
事情似乎工作正常,但我每次都收到这个错误,我无法弄清楚似乎是什么问题。任何帮助,将不胜感激!
javascript - 当使用带有 Ember.js 的 wavesurfer.js 时,“无法读取未定义的属性 'canvas'”
我目前正在尝试将wavesurfer.js实现到 Ember.js 组件中。到目前为止,我已经将它导入到我的ember-cli-build.js
文件中,如下所示:
然后在组件的 js 文件中,我试图通过在助手模板中包含的 div 上调用它来对其进行简单测试。
现在,当页面加载时,它显示 wavesurfer.js 滚动条,但没有其他内容。在控制台中它读取Cannot read property 'canvas' of undefined
.
它似乎在2048
wavesurfer.js 行出错,并出现以下错误:
任何帮助将不胜感激,因为我完全不知道应该做什么。