GithubHelp home page GithubHelp logo

Error next/prev audio about test-audito-play HOT 1 OPEN

thaitoanit avatar thaitoanit commented on September 4, 2024
Error next/prev audio

from test-audito-play.

Comments (1)

danielbarion avatar danielbarion commented on September 4, 2024

In next song you need this:

nextSong() {
  audioContext.suspend() // Pause the audioContext
  currentSource.disconnect() // Disconnect the current source from context

  loadSong() // Call the function to load song
}

// the old XMLHttpRequest
loadSong() {
........
    request.onload = () => {
      audioContext.decodeAudioData(request.response, (buffer) => {
        const completeBuffer = buffer
        const currentSource = audioContext.createBufferSource()

	currentSource.buffer = completeBuffer
	playSound() // call the function to play song
      }, function (error) {
        console.error(error)
      })
    }
    request.send()
}

playSound() {
	const source = currentSource
	source.connect(analyser)
	analyser.connect(gainNode)
	gainNode.connect(audioContext.destination)
	javascriptNode.connect(audioContext.destination)

	source.start(0)

	if (audioContext.state === 'suspended') {
		audioContext.resume()
	}
}

Remember, this is not the complete code (I'm receiving all data from React state, you need set is by yourself);

But this code have all steps you need to change music;

from test-audito-play.

Related Issues (1)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.