惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

F
Fortinet All Blogs
云风的 BLOG
云风的 BLOG
M
MIT News - Artificial intelligence
WordPress大学
WordPress大学
T
Tailwind CSS Blog
钛媒体：引领未来商业与生活新知
钛媒体：引领未来商业与生活新知
S
Secure Thoughts
博
博客园 - 【当耐特】
Know Your Adversary
Know Your Adversary
NISL@THU
NISL@THU
博
博客园 - 司徒正美
Last Week in AI
Last Week in AI
C
Cybersecurity and Infrastructure Security Agency CISA
P
Privacy & Cybersecurity Law Blog
C
CXSECURITY Database RSS Feed - CXSecurity.com
B
Blog
The GitHub Blog
The GitHub Blog
小众软件
小众软件
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Spread Privacy
Spread Privacy
Martin Fowler
Martin Fowler
博
博客园 - 叶小钗
Security Archives - TechRepublic
Security Archives - TechRepublic
T
Tenable Blog
S
Securelist
博
博客园 - 三生石上(FineUI控件)
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
Microsoft Security Blog
Microsoft Security Blog
Apple Machine Learning Research
Apple Machine Learning Research
罗
罗磊的独立博客
T
Threat Research - Cisco Blogs
Application and Cybersecurity Blog
Application and Cybersecurity Blog
F
Full Disclosure
Cloudbric
Cloudbric
The Cloudflare Blog
Y
Y Combinator Blog
Hugging Face - Blog
Hugging Face - Blog
Microsoft Azure Blog
Microsoft Azure Blog
H
Hacker News: Front Page
腾
腾讯CDC
L
Lohrmann on Cybersecurity
C
CERT Recently Published Vulnerability Notes
V2EX - 技术
V2EX - 技术
GbyAI
GbyAI
TaoSecurity Blog
TaoSecurity Blog
I
Intezer
The Last Watchdog
The Last Watchdog
G
GRAHAM CLULEY
Google Online Security Blog
Google Online Security Blog
T
The Blog of Author Tim Ferriss

Syntax - Tasty Web Development Treats

Diffs, Trees, and VS Code 2.0 - Syntax #1008 8 Tech Choices to Lock In Before Agentmaxxing - Syntax #1007 Can AI Make Good Design? - Syntax #1006 Programatic and Skill based Video Creation with Remotion - Syntax #1005 TanHacked - Syntax #1004 Skills Skills Skills - Syntax #1003 The Real Pricing of LLMs - Syntax #1002 Managing Deadlines + Stress - Syntax #1001 Syntax Episode 1,000! - Syntax #1000 Writing Maintainable CSS - Syntax #999 How to Fix Vibe Coding - Syntax #998 Rating and Roasting Your Projects - Syntax #997 10 New CSS and HTML APIs - Syntax #996 Next.js Vendor Lock-in No More - Syntax #995 AI Sucks At CSS - Syntax #994 It’s Been A Hell Of Week - Syntax #993 Migrating Legacy Code Just Got Easier - Syntax #992 Vite’s bet on Cloudflare (VOID Framework) - Syntax #991 Vite Is Taking Over (Vite+) - Syntax #990 State of JS 2025 - Syntax #989 Cloudflare’s Next.js Slop Fork - Syntax #988 Remote Coding Agents - Syntax #987 Does Code Quality Matter Anymore? - Syntax #986 Stop putting secrets in .env - Syntax #985 How to Make a DOM Library Render Anything w/ Paolo Ricciuti - Syntax #984 Why I Chose Electron Over Native (And I’d Do It Again) - Syntax #983 Bots Are Ruining the Internet - Syntax #982 Browsers Are Finally Catching Up (Interop 2026) - Syntax #981 AI Coding Explained - Syntax #980 WebMCP: New Standard to Expose Your Apps to AI - Syntax #979 Should A New Coder Use AI? - Syntax #978 We built a CSS Challenge platform - Syntax #977 Pi - The AI Harness That Powers OpenClaw W/ Armin Ronacher & Mario Zechner - Syntax #976 What’s Missing From the Web Platform? - Syntax #975 Clawdbot (Moltbot), Agents and the Age of Personal Software - Syntax #974 The Web’s Next Form: MCP UI (with Kent C. Dodds) - Syntax #973 These Things Make Your App Feel Like Crap on Mobile - Syntax #972 Stackoverflow and Firefox are Dead? - Syntax #971 Why Did Anthropic Buy Bun? - Syntax #970 This guy is nuts (TypeScript Doom) - Syntax #969 Habits and Changes We Want to Make in 2026 - Syntax #968 What’s Going to Happen in Web Dev During 2026 - Syntax #967 A Look Back at Web Dev in 2025 - Syntax #966 Baseline 2025 Features web gained in 2025 - Syntax #965 Markdown as a CMS is a bad idea - Syntax #964 Hardware Hacking with Matt Brown - Syntax #963 The Home Server / Synology Show - Syntax #962 Keeping Up With The Fast and Furious Web - Syntax #961 Reacting to the Weird + Creative Corners of the Web - Syntax #960 TypeScript on the GPU with TypeGPU creator Iwo Plaza - Syntax #959 2025 Holiday Gift Guide - Syntax #958 CSS: Advanced and Obscure - Syntax #957 Should I Keep Using WordPress? - Syntax #956 SvelteKit has solved data loading - Syntax #955 Fullstack TanStack! The Scoop with Tanner Linsley - Syntax #954 Why v0 creator left Vercel to fix GitHub (GOAT Jared Palmer) - Syntax #953 VS Code, GitHub & Copilot - UNIVERSE 25 Announcements + Reactions - Syntax #952 A first look at Remix 3 - Syntax #951 Even SCARIER Web Dev Nightmares (Spooky Stories Pt. 2) - Syntax #950 Web Dev HORROR Stories + Spooky Trivia! (Spooky Stories Pt. 1) - Syntax #949 Zed is Ready For Primetime - Syntax #948 S-Tier MCP Servers for Developers - Syntax #947 We Got Roasted for Our Websites — Fair - Syntax #946 Chrome Dev Tools MCP Server - Syntax #945 Is Coinbase Really Writing Half Their Code With AI? - Syntax #944 Modern React with Ricky Hanlon (React Core Dev) - Syntax #943 Mental Health Q&A w/ Dr. Courtney Tolinski - Syntax #942 Is Responsible AI Possible? with Dr. Sarah Bird of Microsoft - Syntax #941 Picking a Fullstack Stack, Is Next.js Too Complex? Services vs Self-Hosted + More - Syntax #940 Creator of Vite: Evan You - Syntax #939 Hot Takes + Bike Shedding - Syntax #938 Is The Omarchy Hype Real? - Syntax #937 Realtime LED Wall With React + Websockets (I Let Strangers Control It) - Syntax #936 CJ Made A Sega Game in 2025 - Syntax #935 We Built a Real-Time, Local-Data, Competitive Coding Game - Syntax #934 Hackweek Overview - What Is It, What Did We Build - Syntax #933 Vibe Coding’s Huge Problem - Syntax #932 Project Init - How to Make Good Choices When Starting a New Coding Project - Syntax #931 Text Editor Keybindings, WASM Replacing Docker, LLM apathy and hosting mini apps - Syntax #930 Cloudflare Blocks AI Crawlers × Debugging Local Data × Raising Kids with Healthy Digital Habits and More - Syntax #929 State of Devs 2025 Results - Syntax #928 AI Browsers, 100X Build Speed, Massive Svelte Update - Web Dev News - Syntax #927 RSS Is NOT Dead - Syntax #926 Scott & CJ’s Fave Productivity Apps & Web Apps - Syntax #925 Sync Engines and Local Data - Syntax #924 Getting the Most Out of AI Coding - Syntax #923 Pre-commit Hooks, requestAnimationFrame, Code Reviews, and More - Syntax #922 AI Coding Roadmap for Newbies (And Skeptics) - Syntax #921 How to Build MCP Servers - Syntax #920 Better Auth with Better Auth - Syntax #919 Extreme Native Perf on the Web with Superhuman - Syntax #918 AI Tools You Should Know - Syntax #917 I got fired, what should I focus on? - Syntax #916 $200mo Background Agents, CLI Tooling and “Max Mode” - Syntax #915 5 Upcoming + Next Gen JavaScript Features - Syntax #914 NEWS: Remix drops React, Safari 26 CSS + mega fast Vite and TypeSCript - Syntax #913 Why did Figma buy a CMS? - Syntax #912 Browsers in 2025: Whats up with Arc, Dia, Firefox, Chrome and Opera GX? - Syntax #911 If Statements in CSS? - Syntax #910 Handling and Throwing Errors - Syntax #909
MIDI & Music in the Browser - Syntax #876
2025-02-12 · via Syntax - Tasty Web Development Treats

Wes and Scott talk about the Web Audio and Web MIDI APIs, diving into how they enable powerful music and sound manipulation in the browser. They explore MIDI messaging, synthesizing audio, creative coding with music, and share hands-on projects, tips, and libraries to get started.

Show Notes

  • 00:00 Welcome to Syntax!
  • 01:17 Brought to you by Sentry.io
  • 02:04 Fun audio experiments
  • 05:32 What is MIDI?
  • 14:18 Advanced examples with WEBMIDI.js
  • 17:02 Outputting MIDI messages
  • 24:40 Exploring the Web Audio API
  • 31:20 Audio sampling in the browser
  • 37:35 Media Recorder
  • 39:21 Fun projects
  • 42:08 Sick Picks + Shameless Plugs

Sick Picks

Shameless Plugs

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。