Wavesurfer

jQuery 导航/多媒体插件
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 jQuery 插件、 jQuery多媒体插件
软件类型 开源软件
地区 不详
投 递 者 闻人越
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Wavesurfer.js 通过使用 Web Audio 和 Canvas 为网页提供可视化的音频和导航的交互功能。

 
  • 安装 wavesurfer.js 在项目中安装 wavesurfer.js npm install --save wavesurfer.js 常规方式引入 如果你的根目录中没有 components 目录则需要创建该目录,并在此目录中创建 WaveSurfer.vue 内容如下: <template> <div ref="wavesurferMain"></div> </templa

  • vue使用wavesurfer.js 安装wavesurfer npm install wavesurfer.js 页面中引入 import WaveSurfer from 'wavesurfer.js' import Timeline from 'wavesurfer.js/dist/plugin/wavesurfer.timeline.js' Html <div class="wavefo

  • 代码如下,可直接复制 <template> <div class="mixin-components-container"> <el-row> <el-card class="box-card" style="text-align: left"> <div id="waveform" ref="waveform"> <!-- Here b

  • 1、安装wavesurfer npm install wavesurfer.js 2、在页面导入 import WaveSurfer from "wavesurfer.js" //注:由于我使用了光标,所以引入了光标插件,具体根据需要自行引入 import CursorPlugin from "wavesurfer.js/dist/plugin/wavesurfer.cursor.js"; 3

  • 1、引入组件 import Wavesurfer from '@/components/Wavesurfer' export default { name: 'App', components: { Wavesurfer }, data: () => ({ fileUrl: '' }), methods: { playVoice(fileUrl) {

  • 前言 wavesurfer.js 是一个音频可视化插件,这里是一篇使用方式。 但wavesurfer.js不可直接load格式为pcm的音频文件。参考js转化pcm到wav格式与播放,wav格式实质在pcm格式前面加上44字节的文件头。这里加上文件头后由wavesurfer.js插件进行播放。 1.HTML <!-- 时间线容器 --> <div id="timeline" ref="timeli

  • mounted() { this.playWave = Wavesurfer.create({ container: document.querySelector('#playWave'), backend: 'MediaElement', }) this.singWave = Wavesurfer.create({ container: '#singW

  • Wavesurfer.js是一款基于HTML5 canvas和Web Audio的音频播放器插件,本文主要记录它及其视觉效果插件Regions插件的使用方法。 1、创建实例 引入插件 import WaveSurfer from "wavesurfer.js"; 创建实例对象 this.wavesurfer = WaveSurfer.create(options); options 参数 默认值

 相关资料
  • 数据传输率:采样频率(Hz)×量化位数(bit)×声道数,单位为b/s 声音信号数据量:数据传输率×持续时间/8 音频容量的计算公式:存储量=采样时间(s) 采样频率(Hz) 量化位数(位) *声道数/8/1024(kb) 图片容量的计算公式:存储量=水平像素垂直像素颜色位数/8/1024(kb) 若提示为X位或X位色,则颜色位数就是X,若提示为X色,那么颜色位数为。 视频容量的计算公式:存储量=

  • 介绍 MPlayer被评为Linux下的最佳媒体播放工具,又成功地移植到Windows下。它能播放几乎所有流行的音频和视频格式。 MPlayer能播放几乎所有流行的音频 和视频格式,相对其它播放器来说,资源占用非常少,不需要任何系统解码器就可以播放各种媒体格式。 http://www.mplayerhq.hu/ 安装 直接 apt 安装即可: sudo apt-get install mplaye

  • 选择安装 deadbeef 的首要原因,是它支持 DSD 格式! 介绍 http://deadbeef.sourceforge.net/ 安装 打开下载页面: http://deadbeef.sourceforge.net/download.html 找到 DeaDBeeF deb package amd64 下载对应的 deb 文件,下载完成后直接安装即可。 配置 打开 “编辑” —> “偏好设

  • 介绍 http://audacious-media-player.org/ 可惜,没有找到播放 DSD 格式的方法… 安装 audacious 默认存在于 ubuntu/linux mint 的仓库中,不过版本不是最新的,因此为了安装到最新的版本,需要添加下面的 PPA ,然后再安装。 sudo add-apt-repository ppa:nilarimogard/webupd8 sudo ap

  • JavaScript导航器对象包含一个名为plugins的子对象。 此对象是一个数组,浏览器上安装的每个插件都有一个条目。 navigator.plugins对象仅由Netscape,Firefox和Mozilla支持。 例子 (Example) 以下示例显示如何列出浏览器中安装的所有插件。 <html> <head> <title>List of Plug-Ins</tit

  • 声音频率 人耳识别频率:20Hz~20KHz 顔色描述 亮度、色调、饱和度、纯度

  • 那么问题是,在加载水果详细信息页面时,没有当前上下文的客户机如何决定要获取的API URL? 现在怎么办:不? 首先想到的一个解决方案是在集合响应中有一个'item'URL模板,并使用其中的命名参数来构造页面URL。然后,详细信息页面将查询API以恢复相同的“Item”URL,并植入它传递的参数。这似乎并不理想,但它确实实现了期望的解耦。 提前谢了。

  • 主要内容:示例访问包括一个导航控件,可以很容易地在数据库中的各种形式和报告之间切换。 导航窗体只是一个包含导航控件的窗体。导航窗体是任何桌面数据库的重要补充。 Microsoft Access提供了几个用于控制用户如何导航数据库的功能。 我们已经使用导航窗格浏览了创建的所有Access对象,例如窗体,查询,表格等等。 如果想要创建自己的导航结构并使用户更容易找到他们真正需要的特定对象,则可以构建导航窗体,该窗体