Soundcloud HTML5 widget?

  • Author
    Posts
  • #769200

    pjx3
    Member

    Is it possible to use the Soundcloud HTML5 widget in wordpress.com blogs? I’ve tried copying and pasting the code but it doesn’t seem to work – the short code for the older widgets work fine. I’m trying to get my tracks to show up on iOS devices. Thanks!

    The blog I need help with is pj-x3.net.

    #769304

    timethief
    Member

    Please either provide a direct link to the code or post the code here between backticks. The backtick is found on the key to the immediate left of the number 1 key. It’s in lower case ` on the same key as the tilde ~ which is in upper case.

    backtick
    code
    backtick

    #769305

    timethief
    Member

    I just checked this out and found that it is an app for iPad users. Perhaps you can bind an answer here > ipad > http://ios.forums.wordpress.org/forum/how-to-and-troubleshooting

    #769316

    andrew
    Member

    There’s a WordPress.com shortcode for SoundCloud:
    http://en.support.wordpress.com/audio/soundcloud-audio-player/

    #769356

    andrew
    Member

    Sorry, I missed some of the stuff from earlier in the thread. The shortcode, as the OP knows, currently fires up the Flash-based player – or rather, on iOS, it doesn’t… I hope that someone at WordPress.com and/or SoundCloud will address this problem (since I don’t have any hope that anyone at Apple will).

    #769435

    pjx3
    Member

    Thanks for the replies.

    Here’s the code:-

    <iframe width="100%" height="166" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F24645957&auto_play=false&show_artwork=true&color=474747"></iframe>

    I suspect this is not support yet.

    #769461

    macmanx
    Staff

    Yeah, that wouldn’t work as is, since we strip ut iFrames site-wide for security reasons.

    I’ll see what we can do about switching over our code to their HTML5 version.

    #769481

    kfroelich
    Member

    On a related topic, will it ever be possible to have the standard [audio] embed bring up an HTML5 player on devices that cannot read Flash (i.e. iPad, iPhone)?

    #769483

    andrew
    Member

    The previous question (@kf) is a good one. More generally, I wonder how many of the shortcodes assume that Flash is available. That assumption isn’t as sound as it used to be.

    #769485

    macmanx
    Staff

    The audio embed tag is Flash-only right now.

    The only thing at WordPress.com that utilizes HTML5 right now are the various video embeds (when an HTML5 option is available from the source), including VideoPress.

    #769487

    kfroelich
    Member

    I know the [audio] embed tag is Flash-only now – are there plans to allow for HTML5 in the future?

    I am facing the unfortunate task of transfering my wordpress.com site to a wordpress.org hosted site –

      unless

    there is a chance of HTML5 audio being implemented down the road. I would rather not go through the hassle of the transfer, but I don’t know if I have much of a choice as I depend on audio playback for my career.

    #769488

    macmanx
    Staff

    Yes, there are plans to make the audio shortcode work with HTML5 and roll-back to Flash if necessary.

    #769489

    kfroelich
    Member

    That is great news. Thank you!

    #769490

    andrew
    Member

    It is indeed great news. We* want a platform that allows us to focus on content and presentation, without having to worry about the many combinations of hardware and software being used to view our blogs.

    * This is one of the few times I feel justified in using “we” to denote the wishes of many WP.com bloggers. My usual posting mode is “This what I think, many others consider it crazy.”

    #769495

    xiexiema
    Member

    Actually the code works perfectly for me. I just went to HTML edit mode (instead of Visual) and inserted the code provided including the <iframe tags.

    Obviously had to delete the existing soundcloud shortcodes as they still call the Flash widget.

    On your Soundcloud Set or Track Go to Share > Customise Player > HTML5

    Get the code > Insert to post (HTML mode) > Save > VoilĂ !

    #769496

    macmanx
    Staff

    That’s because you have a self-hosted WordPress.org blog. Neither iFrames, nor plugins are allowed on WordPress.com blogs.

    For more on the differences between WordPress.com and WordPress.org, see http://en.support.wordpress.com/com-vs-org/

    #769502

    xiexiema
    Member

    Roger that thanks for correcting me. Doh! Was too eager to help. Won’t try again. I’d better leave it to the experts. :-)

    #769577

    Hey, any update on switching over our code to SoundCloud’s HTML5 version?

    #769578

    timethief
    Member

    No.

The topic ‘Soundcloud HTML5 widget?’ is closed to new replies.