processing / p5.sound.js Goto Github PK

please let me know if the examples work on your phone or tablet, please include this info:

• device maker (Apple, Google, Samsung, etc)
• device model (iPhone 8, Galaxy Samsung, etc)
• operating system (Apple iOs, Android, etc)
• web browser and version (Chrome, Firefox, Safari, etc)

note: these are the browsers we are currently supporting: https://browserslist.dev/?q=bGFzdCAyIHZlcnNpb25zLCBub3QgZGVhZA%3D%3D

our Envelope class depends on TimeLinesignal class from Tone.js v0.10.0,
and since our focus for p5.sound.js is to eliminate those dependencies.

status:

• we uploaded an incomplete draft of https://github.com/processing/p5.sound.js/blob/main/src/p5sound.Envelope.js
• copied and pasted the original file from Tone.js to https://github.com/processing/p5.sound.js/blob/main/src/p5sound.TimeLineSignal.js, but it needs to be adapted to our codebase
• we need to also identify and include any other dependencies that TimeLineSignal has from Tone.js or other libraries.

update this website:

https://github.com/processing/p5.js/blob/main/contributor_docs/repo_structure.md

Most appropriate sub-area of p5.js?

• Accessibility
• Color
• Core/Environment/Rendering
• Data
• DOM
• Events
• Image
• IO
• Math
• Typography
• Utilities
• WebGL
• Build process
• Unit testing
• Internationalization
• Friendly errors
• Other (specify if possible)

p5.js version

1.9.1

Web browser and version

Firefox 124.0

Operating system

MacOSX

Steps to reproduce this

Steps:

1. Copy example code from p5.SoundRecorder reference
2. Paste into new sketch here is mine
3. Run the sketch
4. Click the canvas to record sound
5. Record a snippet
6. Stop recording by clicking canvas
7. Errors in console: TypeError: arraySequence[channel] is undefined and Uncaught DOMException: BaseAudioContext.createBuffer: Length (0) is out of range
8. Try to download file by clicking canvas
9. Errors in console: undefined: undefined

Other Notes

• I was able to fix it by switching my p5 version to 0.9.0, but why doesn't it work with the any versions after 0.9.0?
• It is has the same problem in Chrome

so that everybody can see what is done, what needs help!

hi!

as i am building this library,
i would love to be able to test the examples and reference
using the latest build of the p5.sound.js library,
is there any way of being able to do that locally on my machine
or on the p5js.org website? thanks :)

@limzykenneth @Qianqianye

Increasing Access

This new feature could potentially increase access to p5.js by providing users with more flexibility in how they include audio files in their projects. By supporting the import of audio in base64 format, users may find it easier to embed audio directly within their JavaScript code, reducing the need for separate audio files and simplifying project distribution. This could be particularly beneficial for users who want to share small projects or prototypes without having to manage additional audio files. Additionally, it could lower the barrier to entry for beginners who may be unfamiliar with managing external assets, making it easier for them to get started with p5.js.

Most appropriate sub-area of p5.js?

• Accessibility
• Color
• Core/Environment/Rendering
• Data
• DOM
• Events
• Image
• IO
• Math
• Typography
• Utilities
• WebGL
• Build Process
• Unit Testing
• Internalization
• Friendly Errors
• Other (specify if possible)

Feature request details

Support Importing Audio in Base64 Format

Increasing Access

The plan is to integrate p5-sound as a library into the rebuilt p5.js website, which is currently a work in progress https://p5js-wip.online/ . This integration will serve as a comprehensive learning resource for p5-sound. To implement this learning experience, the aim is to merge the p5-sound library documentation (reference) available at p5.js sound reference with the learning page at p5.js sound curriculum.

The overarching goal is to transform p5-Sound into a robust learning platform, equipped with comprehensive tutorials, notes, and documentation. By streamlining the learning experience and consolidating resources within the p5.js ecosystem, users can seamlessly explore and utilize p5.js Sound without the need to navigate disparate platforms or face accessibility challenges.

Most appropriate sub-area of p5.js?

• Accessibility
• Color
• Core/Environment/Rendering
• Data
• DOM
• Events
• Image
• IO
• Math
• Typography
• Utilities
• WebGL
• Build Process
• Unit Testing
• Internalization
• Friendly Errors
• Other (specify if possible)

Feature request details

The documentation for p5-sound is currently hosted on GitBook. However, this platform's paid nature and potential limitations could cause issues in the future. Therefore, we're exploring alternative tech stacks, such as Docusaurus, for several reasons, not just one.

The idea is to provide users with an easy-to-use resource, eliminating the need to search elsewhere for learning materials related to p5.js

please complete these tasks:

• clone this repository in your machine
• follow the build instructions on the README
• run a local server on your machine
• open the examples/ folder and let me know if the library it's working
• please include which combination of operating system and web browser you are using:

operating systems:

• Linux
• MacOS
• Windows

web browsers:

• Chrome
• Firefox
• Opera
• Safari

i haven't looked into the testing, i understand it's being done with
https://mochajs.org/
do you have experience with that @blechdom?
can we write some custom testing for the oscillator class?

Increasing Access

Most appropriate sub-area of p5.js?

• Accessibility
• Color
• Core/Environment/Rendering
• Data
• DOM
• Events
• Image
• IO
• Math
• Typography
• Utilities
• WebGL
• Build Process
• Unit Testing
• Internalization
• Friendly Errors
• Other (specify if possible)

Feature enhancement details

We Will make a new sidebar for the mobile view.