Producing flawless soundtracks using the createSound(); function

Struggling to generate a sound using createSound(); and here's the code snippet:

function preload(){
  s = createAudio('sound.wav')
}

function setup(){
  createCanvas(400, 400);
  s.play();
}
function draw(){
  background(0, 0, 0);
}

Encountering an error:

p5.js:60546 Uncaught (in promise) TypeError: Cannot read property 'src' of undefined at p5.js:60546

Have already tried defining the variable beforehand and introducing a delay before playing the sound, but sadly, the same error persists.

Answer №1

1.Before using preload(), have you properly declared variable s? 2.Did you attempt to use the function "getAudioContext().resume()" to play the audio? 3.If your goal is to 'play' the audio file, have you considered using loadSound() instead of createAudio?

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

The controller is referencing $rootScope which has not been properly defined

Here is my understanding of the controller concept. Whenever I launch the application, an error message appears saying "$rootScope is not defined." Can someone provide assistance in identifying the issue? var webadmin = angular.module('PcPortal' ...

Displaying the fields of the selected [object Object] in the console.log

Currently, I am utilizing "express": "3.2.6",, nodeJS v0.10.25, and "express-myconnection": "1.0.4",. The database connection appears to be functioning properly. However, when attempting to query in my view: console.log("Data: " + rows); The output rece ...

Encountered a cyclic dependency in MongoDB when attempting to create an index

I have a dataset structured as shown in the image below: https://i.sstatic.net/eu2ZH.png I am attempting to write a query using $near. However, when trying to create an index for this query, I encounter an error stating "cyclic dependency detected". Below ...

Modifying JavaScript prototypes on the fly can lead to troublesome issues

My curiosity has been piqued by the concept of dynamically changing a constructor's prototype in JavaScript, leading me to the findings above. It appears that an already constructed instance does not inherit the properties of the newly changed protot ...

Error message in Angular 9: "The 'pipe' property is not recognized on the 'void' type"

I recently created a function for streaming audio in Angular: private streamObservable(url) { new Observable(observer => { // Play audio this.audioObj.src = url; this.audioObj.load(); this.audioObj.play(); const handl ...

Guide on inserting a canvas image among the various jsPdf components

After converting the specific <div> tag to <canvas> using html2canvas, I am looking to integrate this converted canvas image with other elements in JsPdf such as Autotables and texts. Appreciate any guidance or suggestions. Thank you. ...

Center align your animations without using the text-align property

I'm in the process of refining this custom animation to make it smoother. Check out the live animation here. The issue I'm encountering is that during the transition when the city name rotates up and replaces the old one, the text-align center ...

JavaScript Click Event Not Functioning

I am attempting to create an interactive feature where clicking on any image will either reveal a clear version of the picture if it is blurred, or blur the picture if it is clear. The current issue I am facing is that when I click on a blurred image, it ...

Is there a different option instead of relying on promises for asynchronous requests?

Let's consider a scenario where we have a basic front end application (perhaps using Angular) and a back end app. When the front end app performs a get request, in most cases, the Angular repository will initiate an $http.get request which will return ...

Using Spring Portlet to send an Ajax post request to the Controller with Jquery

EDIT: The start and end dates are stored as joda DateTime in the POJO and I am encountering the following error: SystemOut O 14:10:16.040 [WebContainer : 2] DEBUG org.springframework.beans.BeanUtils - No property editor [org.joda.time.DateTimeEditor] ...

Error: The context does not have a definition for React

import './App.css'; import ComponentC from './components/ComponentC'; export const UserContext = React.createContext() function App() { return ( <div className="App"> <UserContext.Provider value={& ...

The internal style and script specified within the <head> section are not being rendered

Within my Joomla website using the T3 template, I inserted the following "Custom Code" just before the closing </head> tag: <style type="text/stylesheet"> div.t3-sidebar.t3-sidebar-right{ background: #F8F8F8 none repeat scroll 0% 0%; ...

Adjusting the brightness of colors using JavaScript

I am looking for a way to return different color tones for a specific color using JavaScript. For example, if I have the color code #4a4a4a, I want to be able to return #494949 and #666464. If there is a package or method that can achieve this, please sugg ...

Optimal approach for implementing AJAX long polling when a Timestamp is unavailable

I implemented AJAX on my page to toggle the display of a message set by an admin in the backend. Here's the JavaScript code snippet I used: $(document).ready(function() { getmessage(); }); function getData() { $.ajax({ ...

What is a method to omit elements within a nested child element from a selection without relying on the children() function

Here is an example of an element: <div id="foo"> <a href="#" class="some">click me</a> <div id="bar"> <a href="#" class="some">click me too</a> </div> </div> I am facing the challenge of selectin ...

Showing and hiding div elements

I am looking to enhance this toggle function by making the div content retract and hide when the same link is clicked again. Additionally, I would like it to retract completely when a different link is clicked before the associated content slides down. Fu ...

Learn how to implement Bootstrap 4's select styling to customize dropdown links, such as using it for a tags

My goal is to apply Bootstrap 4 form styling, like form-control and custom-select, to actual links (dropdown a tag). For example: <select class="custom-select" onchange="location = this.value;"> <option selected>Cho ...

The filterSelectedOptions feature in Material UI Lab's autocomplete does not seem to be functioning properly when used in conjunction

When using autocomplete to select dates, I am encountering an issue where the selected options are not being filtered. This allows me to select multiple instances of the same data. Removing the OnChange prop resolves this issue, however, it prevents me f ...

Concerns with textbox placement while scrolling with an absolute position style

I have an ASP:textbox on a page with various controls and divs, where I am setting the style to position:absolute on the "onkeyup" event. The height of the textbox increases dynamically based on the characters entered, but the issue is that the textbox alw ...

Questioning the way spyOn "halts all execution of a function" is described in the Jasmine documentation (specifically in the section on Spies in version 2.2)

I am struggling to comprehend the last test in the Jasmine 2.2 documentation which showcases the basic usage of Spies. In the beforeEach() section, we initialize bar = null, then we spy on foo.setBar and proceed to call foo.setBar twice. I am puzzled as t ...