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.
Audioplayer doesn't work in previewAsked by whitezord on June 08, 2016 at 12:45 PM
I'm using an embedded audio player in my form.It works fine in the formbuilder but it shows a malfunction in the preview mode.
Could you help me find the problem?
We do apologize that you are experiencing problems with getting an audio file to work in a player in one of your form fields.
Please allow us some time to investigate this issue so that we can help you better and we will respond to you again about this problem as soon as possible.
I've been investigating this issue more and I believe part of the problem is the way the second file is being used differently so it is not read by our text (html) field correctly.
<iframe src="https://www.muziekweb.nl/embed/JAX2922-0001" width="300" height="150" frameborder="no" scrolling="no"></iframe>
When I tested it in an html code editor viewing it all I saw was text instead of an audio file and that's why it's not working on the form either.
This means there's something wrong with the link or code you have and not the form itself.
And I think the reason why it shows up as playable on the direct link is because the text is trying to read it but the actual embedded player for that file is really only on the url's page instead. So the audio file player shows but the result is that the live view is ignored.
To resolve this I would suggest checking the embed link and the file type or trying to use the audio file type with a standardized html audio player code such as:
<source src="musicfile.ogg" type="audio/ogg">
<source src="musicfile.mp3" type="audio/mpeg">
Your browser does not support the audio element.
Alternatively, something better that I would highly recommend is using one using one of our audio widgets such as soundcloud to store your hosted audio files and this would make it a lot easier to embed your audio files on your form.
thanks for your elaborate explanation!
The audio player that I'm using belongs to an external company. I'll contact them about this.
In behalf of my colleague, you are most welcome. If you are still having problems on this, please do let us know here.
I have contacted the company. They informed me that this error occurs when the player doesn't get enough room on the page. I got the player working with the following code:
<iframe width="310" height="34" src="https://www.muziekweb.nl/Embed/JK206861-0001" frameborder="no" scrolling="no" allowtransparency="true"></iframe>
But I still encounter problems with it. If I implement the audio player after a page break, it doesn't seem to work. I tested this in the following form https://form.jotformeu.com/61596109926364. Elements on the first page always work. But elements on a second page don't.
I tried giving the element more space by enlarging the form page with CSS. This doesn't seem to work.
Could you help me with this?
What is the difference between the first page and the pages after a page break?
The audio player does seem to work if I change my language setting from Dutch to English in preview. It mysteriously pops up.
But on the first try, it still doesn't work.
Instead of using a Text field on the form to embed the script, could you try adding the iframe embed widget to the form?
You may specify the direct URL of the Audio file along with height and width required in the widget.
I have tested using iframe embed widget after page break and it worked fine at my end. Please give it a try and let us know if you need any further assistance. We will be happy to assist.
Awesome that works great!! I'll use that instead of the text box.
Thank you very much!
You are welcome. It's our pleasure to assist you. Please do not hesitate to get in touch with us if you need any further assistance. We will be happy to help.
Thank you for using JotForm!!