Embed Soundcloud Using Iframe

  • JackCastronovo
    Asked on December 4, 2017 at 3:04 PM

    Hi,

    I'd like to use Iframe to embed Soundcloud files so that I can remove the Soundcloud fields such as Comments and User, but when I add the source code from Soundcloud, nothing appears in the iframe box.  Could you tell me where I'm going wrong?


     

  • Kevin Support Team Lead
    Replied on December 4, 2017 at 5:51 PM

    I have been testing this and was able to see that the SoundCloud link is somehow blocked, but it seems like it does not allow to be embedded using iFrames, please try using the SoundCloud widget that we have: https://widgets.jotform.com/app/soundcloud 

    I hope this helps. 

  • Jack
    Replied on December 4, 2017 at 8:38 PM

    I originally used the Soundcloud widget, but it doesn't allow you use the iframe sourcecode to remove the user comment /show user name fields. Because the user name isn't blocked, clicking on the audio takes the survey taker to my soundcloud page. What's the best way to have a simple audio recording play on a form? I tried doing the same thing with a youtube video, and that doesn't work either.


    thanks,


    Jack

  • Ashwin JotForm Support
    Replied on December 5, 2017 at 2:49 AM

    I am not sure what exactly detail you want to remove from the SoundCloud widget. I would suggest you to please add "iFrame Embed" widget in form and add the direct audio URL in the widget itself. Please check the screenshot below:

    1512460052iFrame Screenshot 10


    Hope this helps.

    Do get back to us if you have any questions.

  • JackCastronovo
    Replied on December 5, 2017 at 8:24 AM

    You know how you can generate the Jotfrom Iframe code in order to control the way it appears on another site? I'd like to do that with the iframe code from OTHER sites, either Youtube or Soundcloud. I've read other posts from users looking for this feature, and it is avalaible on other form builder sites, so there must be a way to make it work.  For example, here's the iframe code generated by Soundcloud:


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


    You should be able to place this into the iframe widget and have the recording appear n the form as set by the parameters. If you look at the third line, for example, there's the parameter show_user=false. This setting would prevent the recording from showing my user name, Character Perception, on the visual, as it is seen in this screenshot:

    1512479926Screen Shot 2017 12 05 at 8 Screenshot 10


    There are other settings, too, that need to work, such as the hide_related=false, so that Soundcloud doesn't show suggested tracks after the user listens to the recording. 


    The problem with the Jotform Iframe widget is that there is nowhere to actually place iframe code in it; it just accepts a url, and the same goes for the youtube and soundcloud widgets. 


    As I said, I've come across a few posts from users looking for this feature, but perhaps the best way for Jotform to handle it is to just let users upload short audio clips like they do images, storing them with the form. If a paid user has 10gb of space to use, it could just count towards that space. Barring that, though, I'm hoping there's a quick fix for this because I have to get this form up and running.


    Thanks and kind regards,


    Jack



  • Ashwin JotForm Support
    Replied on December 5, 2017 at 9:58 AM

    The best way to achieve your requirement is by adding "Text" field in form where you will be able to copy the entire iFrame embed code in the source. Please check the screenshot below:

     1512485836iframe1 Screenshot 10

    Hope this helps.

    Do try it out and get back to us if you have any questions.