Jump to content


How to add an audio from Youtube or Freesound at codepen.io?

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hello everybody,


I have a simple question. Probably my problem is easy to fix, but I can not figure it out... 


My question is:
How to import an audio file / mp3 file to codepen.io? 


I've seen many examples and I can't import my own audio file in my codepen file. 


I've download this audio file in mp3 format. This is the audio that I want to use. 

How do I convert this YouTube audio into this line of code? -->  playFile('https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/success.mp3') 



I hope I am clear enough.


Thanks in advance



See the Pen JmzGyz?editors=1010 by Lindeg (@Lindeg) on CodePen

Link to comment
Share on other sites

You need to host it somewhere. Your own domain n server or some third party site that lets you access it. Most users with amazonaws.com links have codepen pro account that lets you save different types of files.


That being said, please keep your questions related to GSAP only. On stack overflow you will get a lot of downvotes :D but you will find some helpful groups on facebook. You can also join this slack group for such unrelated questions. https://damp-lake-50659.herokuapp.com/



  • Like 5
Link to comment
Share on other sites

If you're a paid member you can just click on your assets button and drop it in (provided it's not too large).  

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.