Embedding Auto Play Music to Form

  • GirlLetsGo
    Asked on May 21, 2017 at 2:52 PM

    Hi, I read your entire thread https://www.jotform.com/answers/344319-Adding-an-audio-file-to-a-form

    At the end I was so confused. I even tried to follow the steps but the steps seem to be created off the previous version of jotform.

    If you could help me embed music to my form that would be great BUT I would also love to know how to do it myself because how this gentleman has his VOICE as his autoplay file. http://www.jotform.us/form/40591895535162

    The form that I would like to add music to is: 

    https://form.jotform.us/71405366984161 

    I would like to add Kool and the Gang: Celebrate Good Times

    https://soundcloud.com/wieslawa/kool-and-the-gang-celebrate-1

     

    I also have another form: 

    https://form.jotform.us/71404688484162

    I would like to add: Peaches & Herb - Reunited

    https://soundcloud.com/a-double-linton/reunited-and-it-feels-so-good

     

    I would really appreciate your help. Thank you

  • Jan
    Replied on May 21, 2017 at 4:21 PM

    These are the requirements in order to achieve this function:

    1. MP3 version of your music. If you have that, then you need to create a File Upload form in your account. Use that form to upload the ".mp3" file into our servers.

    2. Your own web server where the HTML page will be uploaded. This HTML page will then be embedded into the form. We'll be using the Page Source code created by Titus on that thread. This means that you'll need to create an HTML file and then upload it to your server.

    Now, if you can confirm that you have the mp3 version of the music and your own web server, let us know. In this way, we can create a step-by-step instruction for you.

    Hope that helps. Thank you.

  • GirlLetsGo
    Replied on June 21, 2017 at 6:35 PM

    Hi, I uploaded the mp3 onto your server. 

     

    I would like to add the Rihanna mp3 file to my Labor Day Cruise Jotform

  • Jan
    Replied on June 22, 2017 at 6:13 AM

    I found a way to have the Soundcloud music to autoplay upon opening the form. Please check this demo form: https://form.jotform.com/71721852477967.

    Here are the steps on how you can achieve this:

    1. Get the iFrame embed code of the audio in Soundcloud. Click the "Share" icon in Soundcloud webiste.

    Embedding Auto Play Music to Form Image 1 Screenshot 50

    2. Go to the "Embed" tab and copy the code. 

    Embedding Auto Play Music to Form Image 2 Screenshot 61

    3. Paste the code in Text Editor. Change the parameter "auto_play=false" to "auto_play=true". Here's an example code:

    <iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/42336605&amp;auto_play=true&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>

    4. Open the form in  Form Builder V3. In My Forms page, select the form and then click the "More" button. After that, choose the "Edit in V3" option.

    Embedding Auto Play Music to Form Image 3 Screenshot 72

    5. Drag "Text" tool to the form. Click the "Edit HTML" button and then click the "Source Code" icon. Paste the Soundcloud embed code and then click the "OK" button. After that, click the "Complete" button.

    Embedding Auto Play Music to Form Image 4 Screenshot 83

    6. Save the form and verify the changes.

    Hope that helps. Tank you.