Embed Soundcloud Using Iframe

  • Profile Image
    JackCastronovo
    Asked on December 04, 2017 at 03: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?


     

  • Profile Image
    Kevin_G
    Answered on December 04, 2017 at 05: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. 

  • Profile Image
    Jack
    Answered on December 04, 2017 at 08: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

  • Profile Image
    ashwin_d
    Answered on December 05, 2017 at 02: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.gif


    Hope this helps.

    Do get back to us if you have any questions.

  • Profile Image
    JackCastronovo
    Answered on December 05, 2017 at 08: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.17


    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



  • Profile Image
    ashwin_d
    Answered on December 05, 2017 at 09: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.gif

    Hope this helps.

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