ntzyz's space

∠( ᐛ 」∠)_

Category

  • Algorithm
  • Figures
  • Gameplay
  • Linux
  • Network
  • Other
  • Photos
  • Web

Tags

  • Linux
  • JavaScript
  • PS4
  • A6300
  • A7M3
  • HTML5
  • OpenWrt
  • FE55
  • Network
  • 狗
  • iptables
  • systemd
  • Tunnel
  • 猫
  • 手办
  • Web
  • Arcaea
  • VPN
  • node
  • 雪
  • AudioContext
  • PowerShell
  • HTML
  • HDOJ
  • iSCSI
  • UEFI
  • Arch Linux
  • Highcharts.js
  • Gaming
  • CAPCOM
  • USB
  • MPV
  • MHW
  • SVP
  • PPTP
  • Algorithm
  • WireGuard
  • IPv6
  • SDL
  • Highlight.js
  • FE24105G
  • FromSoftware
  • CI
  • PHP
  • MediaSource
  • Surface
  • Routing
  • LeetCode
  • CSharp
  • SQLite
  • NVMe
  • UglifyJS
  • WebAssembly
  • Minecraft
  • Node
  • NAT
  • GitHub
  • MySQL
  • Sekiro

Recent replies

  • ntzyz 发表于「CoreMark WebAssembly」
  • Hatsuroku 发表于「CoreMark WebAssembly」
  • Kyle 发表于「用 Elastic Stack 拯救 Telegram 的中文搜索」
  • ShellBin 发表于「Cinebench」
  • ntzyz 发表于「电子垃圾列表」
  • 帅粥 发表于「电子垃圾列表」
  • ntzyz 发表于「Windows 10 网络连接共享重启失效的临时解决方案」
  • Hughton 发表于「Windows 10 网络连接共享重启失效的临时解决方案」
  • Gaein nidb 发表于「使用 UEFI Shell 加载 NVMe 驱动」
  • ShellBin 发表于「DSC01764」

Links

About me
WordPress 存档
Cinebench 跑分记录
Coremark WebAssembly 跑分记录
Hpoi 手办维基 个人页
ZephRay
>Lithia's Core
Project Aurora
Ferrets 家的 Wordpress
spinmry实验室
Yuno's Wonderland
notonokodds
春上冰月的博客
kasora's blog
徐靖峰 | 个人博客
蒋炜成 | 个人博客
Test2g
447f.Misaka
Project RC
Shell Bin
标签:AudioContext

在浏览器中使用 WebAssembly 解码 MP3 并播放

2018 年 2 月 26 日分类:Web#Web#JavaScript#WebAssembly#AudioContext

纯属闲得蛋疼

实际运行效果

首先我们需要准备好 WebAssembly 的工具链(大概可以这么叫吧),此处请参考 Compiling from C/C++ to WebAssembly | MDN 中的步骤 来完成。对于 Arch Linux 用户,可以从 AUR 中安装 emsdk:

yaourt -S emsdk

之后则是和 MDN 中的步骤一样,编译并配置 LLVM 和 Emscripten SDK:

sudo emsdk install --build=Release sdk-incoming-64bit binaryen-master-64bit
sudo emsdk activate --global --build=Release sdk-incoming-64bit binaryen-master-64bit
MORE

[HTML] AudioContext 折腾笔记 01

2017 年 1 月 17 日分类:Web#AudioContext#JavaScript#HTML5

前天尝试了一波那个什么 MediaSourceExtension,结果发现那套API目前限制蛮大的,而且对我来说没什么帮助(audio/x-wav 完全不正常支持,audio/mpeg 也只能在 Chrome 上使用)于是只能放弃折腾了 QAQ

昨天突然想起之前写 nanoPlayer 的时候,使用了一个叫 Audio Context 的接口,nanoPlayer 用了这个 API 里的 createAnalyser 方法,来获得音频的频率数据,进而实现了一个频谱可视化功能。之前就注意到了这个接口中有个自定义 AudioBufferSource 的方法,可以指定若干 Float32Array 并交给浏览器播放,应该是蛮有意思的。

MORE
  • «
  • 1
  • »
Copyright © 2016-2019 ntzyz. All rights reserved.
Except where otherwise noted, content on this blog is licensed under CC-BY 2.0.