What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Audio and Video into Radio Button selection?

    Asked by snaplash on January 17, 2014 at 04:46 PM

    No matter what i do, i cannot seem to put either the AudioPlay code into a radio button selection.

    I can insert audio controls:

    <audio controls>
      <source src="horse.ogg" type="audio/ogg">
      <source src="horse.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
    </audio>

    But it will not link to the file to play.

    Could someone point me in the right direction please? I just subscribed last night if that makes any difference :-)

    video Selection and style size source font
  • Profile Image
    JotForm Support

    Answered by TitusN on January 17, 2014 at 05:45 PM

    Hello,

    Thank you for contacting us.

    Please help us understand:

    1. You would like to add an Audio/Video file on your form

    2. You would like this file to play when a corresponding radio button is selected

    You can begin by embedding your file and player HTML code into a Text/HTML field.

            

    You can then use the conditional rules wizard to hide/show the file you want played: https://www.jotform.com/help/57-Smart-Forms-Using-Conditional-Logic

    Please let us know how we can assist further.

  • Profile Image

    Answered by snaplash on January 17, 2014 at 05:52 PM

    Thankyou TitusN, But I would like an Audio Play button next to each of the radio buttons so that user can hear the audio before selection.

  • Profile Image

    Answered by snaplash on January 17, 2014 at 05:54 PM
  • Profile Image

    Answered by snaplash on January 17, 2014 at 06:09 PM

    apologies, like this:

    http://form.jotform.com/form/12963428548?

  • Profile Image
    JotForm Support

    Answered by TitusN on January 17, 2014 at 06:21 PM

     Hello,

    Yes, you are getting close, but if you insert HTML into form field properties it will be stripped, so that is not a solution. 

    Possibly your best option would be to employ something more simpler:

    1. Embed all your songs/mp3's into a Text/HTML field

    2. Use the conditional wizard from the guides in my previous response to hide/show the file they have chosen, and they can listen to it.

    You can place the fileds alongside each other, and style them using CSS to arrange them where you would like.

    Here is a test form: https://secure.jotformpro.com/form/40166842048959

    Go ahead and clone it, examine it closely.

    Please let us know how we can assit further.

     

  • Profile Image

    Answered by snaplash on January 17, 2014 at 06:50 PM

    I am very sorry to be a pain, but the following link is from your forums,

     

    http://form.jotform.com/form/12963428548?

     

    This is exactly what i wish to achieve. I do not want them to show conditionally. I would like them to be there all the time.

    I have generated my codes from AudioPlay for all the files but cannot replicate the same result from the  link, can you help?

  • Profile Image
    JotForm Support

    Answered by ashwin_d on January 17, 2014 at 11:42 PM

    Hello snaplash,

    To use the AudioPlay audio tag to work, you need the audioplay button in your website by adding their source code. Check this guide here : http://www.strangecube.com/audioplay/#generator

    I am not sure that this will be an option as JotForm will not allow you to copy the tar/zip file and extract it on server. The best option for your requirement will be that, download your mp3 files and upload it to your server or JotForm. Once you have the mp3 file URL, we can help you display them in your form just like the sample form you have mentioned above.

    Thank you!

  • Profile Image

    Answered by snaplash on January 18, 2014 at 12:10 AM
    The example I gave was from and created by jotform. Can you please please help me? 
    I understand that it may have been from before you you changed the interface, but my decision to subscribe to your service for one year was based on that. I know this cant be too difficult.
    Again, the link provided that was created by jotform is all I would like to accomplish. 
    If you could show me how, I would be very appreciative.
    Thanks in advance.
    From my Android phone on T-Mobile. The first nationwide 4G network.
    ...
  • Profile Image

    Answered by snaplash on January 18, 2014 at 12:10 AM
    Also, I have the code that works from audioplay in the free text field and works fine. I cant populate the radio buttons with it though
    From my Android phone on T-Mobile. The first nationwide 4G network.
    ...
  • Profile Image

    Answered by snaplash on January 18, 2014 at 12:10 AM
    My link is http://www.snaplash.com/assets/rock.mp3
    From my Android phone on T-Mobile. The first nationwide 4G network.
    ...
  • Profile Image
    JotForm Support

    Answered by Welvin on January 18, 2014 at 11:09 AM

    Are you able to play it? Unfortunately, that won't work because we've change the way how you can put content to each settings or options. We do not allow certain type of codings as an option. We filter it, and that won't work. The form has it because that was created before we filter the codes but as far as what I've observed, the mp3 files are not working anymore so again, that is not a solution.

    You may consider following the suggestions given by my colleague TitusN. Or, do it by following this instructions:

    1. Finalized your form with an option as text

    2. Get your form source codes: How to Get Form Source Codes

    3. From the source codes, find the options and add the MP3 Embed Codes to the settings. For example:

    The codes: <audio src="http://www.snaplash.com/assets/rock.mp3" controls="controls"></audio>

    This is added after the label: 

    4. After you've made this changes, save the modified source codes as an HTML file and upload this to your own server.

    5. Use it as iFrame to your website. You can generate iFrame Codes from this page: Online iFrame Generator - iFrames Generator. The iFrame URL section should be the HTML file that is uploaded to your server.

    Example output: https://shots.jotform.com/welvin/pages/mp3-player-on-form.html\

    Thanks

  • Profile Image

    Answered by snaplash on January 18, 2014 at 01:20 PM
    .
    From my Android phone on T-Mobile. The first nationwide 4G network.
    ...
  • Profile Image
    JotForm Support

    Answered by TitusN on January 18, 2014 at 03:49 PM

    Hello,

    Your response came up empty.

    Please resend it by clicking on this link

    Thanks