Cocoscreator plays audio and synchronizes progress

1. establish 2D Empty item  

 2. Creating a new scene main 

3. Import audio file

 

4. Create an audio Association node , And add audio components on the node  

5. Drag and drop audio files to Clip And set the auto play and cycle

 

6. Preview the scene and play the audio

 

 

7. Add... To the scene 3 Button , They are playing , Pause , stop it

 8. Buttons are associated with scripts , And set the click event

 

9. Audio nodes are associated with variables

10. Add play , Pause , Stop logic and preview functions

 

  Play now , Pause , Stop the audio

 

11. Show audio playback progress , Sync playback progress when sliding the slider control

 

  Specify slider handling events

 

Preview function  

 

12. Sync track progress to slider during playback