-
Notifications
You must be signed in to change notification settings - Fork 201
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add contribution documentation for Google Summer of Code 2024 (#397)
* Create kizjkre-gsoc24.md * Change worklets to worklet * Spell out med-fi
- Loading branch information
Showing
1 changed file
with
43 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,43 @@ | ||
![Google Summer of Code logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ay9k3nf86inhwwvt32bv.png) | ||
|
||
**Organization:** Chromium | ||
**Projects Overview:** | ||
- [Web Audio Test and Live Suite](https://github.com/GoogleChromeLabs/web-audio-samples/blob/main/src/tests/playwright/README.md) | ||
- Rainfly: Audio Worklet Playground | ||
|
||
# Projects | ||
## Web Audio Test and Live Suite | ||
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. | ||
### Contributions | ||
My contribution to the Web Audio Test and Live Suite centered around its creation, design, and development with [@terryzfeng](https://github.com/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. | ||
### Documentation | ||
#### The original draft PR for integrating the Web Audio Test Suite into `web-audio-samples` | ||
{% github https://github.com/GoogleChromeLabs/web-audio-samples/pull/368 %} | ||
#### The first PR to introduce the Web Audio Test and Live Suite | ||
{% github https://github.com/GoogleChromeLabs/web-audio-samples/pull/372 %} | ||
#### Adding documentation to the Test and Live Suites, allowing for more crowdsourced tests | ||
{% github https://github.com/GoogleChromeLabs/web-audio-samples/pull/381 %} | ||
#### Overcoming cold start on the Test and Live Suites by porting performance tests from WPT | ||
{% github https://github.com/GoogleChromeLabs/web-audio-samples/pull/384 %} | ||
#### Fix an issue where the build process did not include all relevant files | ||
{% github https://github.com/GoogleChromeLabs/web-audio-samples/pull/385 %} | ||
#### Linking the Live Suite to the index page of `web-audio-samples` | ||
{% github https://github.com/GoogleChromeLabs/web-audio-samples/pull/386 %} | ||
|
||
## Rainfly | ||
Rainfly is an Audio Worklet playground, useful for inspecting, developing, and rapid prototyping of Audio Worklet code. | ||
### Contributions | ||
Along with [@terryzfeng](https://github.com/terryzfeng), we created, designed, and developed an MVP of Rainfly using SvelteKit and TailwindCSS. | ||
### Documentation | ||
#### Figma medium fidelity prototype | ||
[![Figma prototype](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eosafuca9s69ur78yr8z.png)](https://www.figma.com/proto/NrpvA1wwQNoc4hnKTAORIg/Rainfly?node-id=1-2&t=VBSHkeRFtwhvNIfU-0&scaling=scale-down&content-scaling=fixed&page-id=0%3A1&starting-point-node-id=1%3A2) | ||
#### The original MVP hosted on a separate repository due to separate framework and development environment | ||
{% github https://github.com/Kizjkre/rainfly %} | ||
#### Introducing Rainfly into `web-audio-samples` | ||
{% github https://github.com/GoogleChromeLabs/web-audio-samples/pull/395 %} | ||
|
||
## Other Miscellaneous Work | ||
### Onboarding PR to familiarize myself with Google standards | ||
{% github https://github.com/GoogleChromeLabs/web-audio-samples/pull/359 %} | ||
### Fixing linter issues | ||
{% github https://github.com/GoogleChromeLabs/web-audio-samples/pull/373 %} |