- Aug 26 - 
Organization: Chromium
Projects Overview:
The Web Audio Test Suite is comprised of performance and benchmark tests for Web Audio. These tests can be run either through Playwright or the Live Suite. Playwright is a browser automation testing framework that runs via CLI or CI. This is useful for automated testing across different browsers or browser versions. Web Audio Test Live Suite is an interactive webpage for running tests locally in your browser and monitoring runtime.
My contribution to the Web Audio Test and Live Suite centered around its creation, design, and development with @terryzfeng. After researching between Puppeteer and Playwright, we decided to use Playwright due to its testing capabilities in addition to its browser automation, which we could use for CI.
web-audio-samples
[Working Draft] Introduce Playwright test framework
#368
Preparing Playwright Test Framework for AudioWorklet Testing
Tests written here src/tests/playwright (.spec.ts)
Test pages are in src/tests/playwrights/pages
More documentation is written here https://docs.google.com/document/d/1e7G9jc4kuVZWvjylTtFE76DzQBsOG6lZSFmV19Kc5cY/edit#heading=h.wb3akxg1nco
Playwright Test Suite: realtime-sine (MVP)
#372
This PR Implements the "realtime-sine" test with basic infrastructure/framework.
npm installnpx playwright installnpm run test or npm run test-live
npm run test for Playwright tests.npm run test-live for live suite; after the comment, open up a browser and go to localhost:8080.The test result looks like this for npm run test:
The test result looks like this for npm run test-live:
Web Audio Test Suite Documentation
#381
Includes:
template.html for test writingaudit.js and recorder object.
Playwright Port Performance Tests
#384
Porting Performance Tests from https://source.chromium.org/chromium/chromium/src/+/main:third_party/blink/perf_tests/webaudio/ to Web Audio Test Suite
web-audio-samples
Rainfly is an Audio Worklet playground, useful for inspecting, developing, and rapid prototyping of Audio Worklet code.
Along with @terryzfeng, we created, designed, and developed an MVP of Rainfly using SvelteKit and TailwindCSS.
An AudioWorklet DSP Playground for Chromium Web Audio API Project (2024)
Install dependencies with npm install (or pnpm install or yarn), and then start a development server:
npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open
To create a production version of Rainfly:
npm run build
You can preview the production build with npm run preview.
web-audio-samples
Rainfly - An AudioWorklet DSP Playground [MVP]
#395
This PR is to introduce Rainfly: An AudioWorklet DSP Playground for Web Audio. This online AudioWorklet IDE streamlines writing custom JavaScript AudioWorklet code, building Web Audio DSP graphs, and recording output for easy visualization, analysis and validation.
Rainfly MVP Features:
AudioWorkletProcessor and AudioContext graphAudioContext, can pause and playAuthors:
GSoC 2024
Preparing resources documentation for Audio Worklets playground.
#359
Added a comment to landing_data in anticipation of the Audio Worklets playground.
Downgrade eslint to be compatible with eslintrc
#373
Downgrade eslint from 9.5.0 to 8.57.0 to be compatible with eslintrc.
