Tag Archives: widget

Matas HTML5 Widget – Ready For Prime Time

Almost 3 months ago we announced our new HTML5 widget player. Since then we have spent a lot of time gathering your feedback, testing, bug fixing, talking to the browser vendors and improving the user interface. We were glad to hear about your experiences using the widget, we have seen an incredible uptake in sharing of the sounds played in the new widgets. With the mobile browser support we were finally able to fullfil one the main feature requests.

From the very beginning of this project we were convinced that we should bring as much of the SoundCloud experience to our widgets as possible, features that go beyond just listening to the sounds.

Today we are adding two major new features to our HTML5 widgets – Comments and Likes. This means that from now on you’re able to comment on sounds embedded anywhere on the web and you can save them as a favorite on SoundCloud too.

Also, we are proud to announce that today we are officially switching our default widget to be the HTML5 widget. We also know that our major partners plan to support it in the near future. Of course the old Flash widget will be still available if you need it as an alternative option.

David We Say HTML5, You Say High Five!

With the launch of SoundCloud for iPad last week, we released one of your most-requested products of this year. Today, we’re following up with your second-most requested feature: an HTML5 widget.

And while we were at it, our front-end and design teams went back to the drawing board and turned the widgets into real social sound objects, giving your sounds even more context, putting them even more front and center.

Ta-da, here it is:

Some of the highlights of the first iteration are:

- Attractive new waveform design
- The timed comments now are more usable on the widget
- Better exposure of information like title
- Better sharing – Facebook, Google+ and Twitter sharing options

Nerd speak:

- Runs natively in the browser (more stable, less plugin-caused crashes)
- No flash, works well with all mobile devices
- Lower memory and CPU load requirements = lower energy consumption
- Open standards and open source allow for faster development

And here it is as a set:

See more examples of the new widget in action over at our friends at The Economist, Wattpad, Nickelodeon’s Big Time Rush, Britney, West African Democracy Radio, Birdy, Ed Sheeran, Natty  and Emmy The Great & Tim Wheeler.

And this is how you can get the new HTML5 widget:

  1. Click the ‘Share’ button on any SoundCloud page
  2. Click ‘Customize player’ and select HTML5 from the option tabs
  3. Change the appearance of the widget, copy the embed code and paste it to your website or blog

A few things to note:

  • This feature is currently in beta. Please post your feedback in the comments below so we can consider it for the next iterations of the widget.
  • The new widget currently only works as an embed for websites and blogs.
  • There are some issues with Internet Explorer, we’re working on it
  • Your existing widgets will not automatically update, if you want to test out the new HTML5 beta widgets, you’ll need to re-embed the new code.
  • HTML5 is currently only supported for the standard waveform player, not the mini or artwork.

Hey we’d love to hear your feedback, what do you think? Leave a comment below!

TechCrunch: SoundCloud Debuts Its New HTML5 Widget, Looks So Much Better Than The Old One

David The Sounds of Your Favorite Products

It is great to see so many music gear makers on SoundCloud, uploading sound examples in order to let the the world hear their products. Of course, the wooden panels and impressive feature lists are nice, but in the end, how your new plugin or pedal actually sounds is what really counts.

Here are some examples of how SoundCloud can be used for showcasing music products:

  • Moog have created an album for showing off the capabilities of the Moog Guitar. The tracks are embedded on their website and since Moog have all their product sounds in the cloud, they can easily post them to their Facebook page as well.  There is also a SoundCloud group for tracks made with Moog gear.

  • Ableton have created a custom player that matches the design of their website. They are also using SoundCloud for hosting their Summer Music Challenge.
  • Elektron have also built a custom player for their website and uploaded a lot of sounds made with their drum and synth machines.
  • The renowned magazine Sound On Sound upload all their podcasts as well as recordings for their product reviews. The latest example is the AKG Perception 820 mic.
  • When Create Digital Music took a look at the new Reaktor version, they concluded “This story doesn’t make as much sense silent, so Jonathan has whipped up a quick sound demo…” and uploaded the sound file to their account.
  • Another way of showing what a product can do is to let some artists use it for creating tracks and then release the result. This is what Retronyms did and the result is called Outer Spaces.

We are welcoming all product makers to the cloud and hope to see more sound examples as well as creative new ways for showcasing products! If you are a product maker wondering how you could use SoundCloud, check out our blog posts tagged 101 and how-to.