Wavesurfer.js
Wavesurfer.js是一个基于JavaScript的开源音频波形可视化库。它利用Web Audio API和HTML5 Canvas技术，为音频数据提供了丰富的可视化展示方式。Wavesurfer.js的主要目标是提供一种灵活且易于集成的工具，使开发者能够在网页上创建交互式音频波形可视化。
特点
跨平台兼容性：由于Wavesurfer.js是基于Web标准构建的，因此它可以在任何支持Web Audio API和Canvas的浏览器上运行，包括桌面和移动设备。
多格式支持：Wavesurfer.js支持多种音频格式，如WAV、MP3、OGG等，使开发者能够方便地加载和显示不同类型的音频文件。
高度可定制：Wavesurfer.js提供了丰富的配置选项和API，允许开发者根据自己的需求定制波形的外观、行为以及交互方式。...
1年前 (2024-02-21) 2362℃ 0评论
1喜欢
背景
页面加载很多音频标签，音频资源一些加载不成功，音频标签不可用，并且排除以下几种情况：
检查音频的链接是否有效
检查音频格式是否支持
检查网络连接是否通畅
如果确认以上内容没有任何问题，则是页面加载过多的音频资源而导致部分音频资源加载失败。可以使用JavaScript进行资源加载重试，当然重试的策略需要进行限制，避免无限制尝试。
实现方式
以下是使用JavaScript代码实现自动重新加载资源的一个简单的示例，当音频标签加载失败时，它会自动尝试重新加载音频：
const audio = document.querySelector('audio');
audio.addEventListener('error', () => {
audio.load();
});
在上面示例中，首先选择了音频标签，并添加了一个...
2年前 (2023-07-16) 2388℃ 0评论
1喜欢
背景
在调整一个移动端的页面，测试过程中发现在苹果IOS系统的浏览器中缩放异常，其实页面操作上来讲是不需要当前页面缩放的。所以，就需要禁止当前页面的缩放操作。经过确认，可以使用以下代码实现禁止缩放操作。
<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
Viewport
属性名取值描述width正整数或device-width定义视口的宽度，单位为像素height正整数或device-height定义视口的高度，单位为像素，一般不用initial-scale[0.0-10.0]定义初始缩放值minimum-scale[0.0-10.0]定义放大...
3年前 (2022-01-15) 1759℃ 0评论
0喜欢
H+是一个完全响应式，基于Bootstrap3.3.6最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术，她提供了诸多的强大的可以重新组合的UI组件，并集成了最新的jQuery版本(v2.1.4)，当然，也集成了很多功能强大，用途广泛的jQuery插件，她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA等等，当然，您也可以对她进行深度定制，以做出更强系统。
当前版本：v4.1.0
下载
hplus4.10
转载请注明：清风亦平凡 » H+ 后台主题UI框架
...
7年前 (2018-09-28) 1397℃ 0评论
0喜欢