SoundCiteJS update makes the tool mobile and MP3 friendly

Last year, we released the initial version of SoundCite, a tool that helps content creators add inline audio clips to their stories. It was designed to be easy to use for any author (no coding required). We open sourced the project and hoped that our users would guide us on future development.

They have.

Recently The New York Times and Al Jazeera published stories using customized versions of SoundCite that included the ability to do two things: 1) play audio not hosted on SoundCloud, and 2) make SoundCite function on mobile devices — two hurdles the original version of SoundCite had yet to overcome.

Today we  are pleased to announce a major update to SoundCite that adds both of those features to the core library.

Self-hosted audio files

SoundCite now plays clips created from any MP3 file. If you can access an MP3 file at an URL, you can use it with SoundCite via the same intuitive interface you've always used.

For those interested in how this works, MP3 playback is implemented within the SoundCite library using the Popcorn.js HTML5 Media framework.

Mobile Support

SoundCite will now work on iPhones, iPads, and other iOS devices, though we recommend using MP3 files for the best mobile performance.

The SoundCloud SDK does not provide reliable seeking within audio streams on mobile devices, which means that if you have SoundCite clips that do not start at the beginning of a file you may experience unpredictable playback behavior. Again, for the best mobile performance, use an MP3.

A few technical details

According to a recent announcement from SoundCloud:

JavaScript SDK version 1 is now deprecated and will be permanently replaced by version 2 on July 1, 2014.


We've updated SoundCite to use the SoundCloud JavaScript SDK version 2 and the tool will automatically load the proper SDK. What this means for you is that the second embed code is a bit shorter, as it's no longer included separately on the page containing your clips

Our embed tool has been updated to reflect this change, and most users won't likely notice any change and can continue to use the tool as they always have.

As always, we love to see what you create. Be sure to share your work with us on Twitter.

Latest Posts

  • A Google Spreadsheets change affecting TimelineJS users

    Google recently changed something about their Sheets service which is causing many people to run into an error when they are making a new timeline. Note: there should be no impact on existing timelines! After this change, many of you click on the "preview" and get this message: An unexpected error occurred trying to read your spreadsheet data [SyntaxError] Timeline configuration has no events. There is a straightforward work-around, but it requires those of you who have...

    Continue Reading

  • How Americans think and feel about gun violence

    A man killed his wife, then himself. I want you to see his face and learn that he enjoyed fishing with his grandchildren. A small-time drug dealer is shot by two men in a parking lot. I find his Facebook profile and a photo shows him striking a playfully irreverent pose, giving the camera the middle finger. The photo’s comments take a mournful turn after a certain date. “Rest easy bro ???” Gun Memorial runs...

    Continue Reading

  • Software developers interested in journalism: Northwestern and The Washington Post want you!

    Northwestern University and The Washington Post are offering a unique opportunity for two talented software developers interested in applying their programming skills in media and journalism. Here’s the proposition: (1) a full-tuition scholarship to earn a master’s degree in journalism at Northwestern University, followed by (2) a six-month paid internship with The Post’s world-class engineering team, with the possibility of subsequent full-time employment. These opportunities are made possible by the John S. and James L....

    Continue Reading

  • What happened when Gun Memorial let anyone contribute directly to victim profiles

    If you’re reporting local or niche news, there’s a good chance that your audience collectively knows more about the story than you do. That’s especially true for us at Gun Memorial, a small publication with a nationwide mission of covering every American who is shot dead. In our latest, mostly successful, experiment, we let readers add to our stories without editor intervention. This article shares some lessons from that experience. Asking for reader contributions A...

    Continue Reading

  • How conversational interfaces make the internet more accessible for everyone

    This story is part of a series on bringing the journalism we produce to as many people as possible, regardless of language, access to technology, or physical capability. Find the series introduction, as well as a list of published stories here. In 2004, human-computer interaction professor Alan Dix published the third edition of Human-Computer Interaction along with his colleagues, Janet Finley, Gregory Abowd, and Russell Beale. In a chapter called “The Interaction,” the authors wrote...

    Continue Reading

  • Three tools to help you make colorblind-friendly graphics

    This story is part of a series on bringing the journalism we produce to as many people as possible, regardless of language, access to technology, or physical capability. Find the series introduction, as well as a list of published stories here. I am one of the 8% of men of Northern European descent who suffers from red-green colorblindness. Specifically, I have a mild case of protanopia (also called protanomaly), which means that my eyes lack...

    Continue Reading

Storytelling Tools

We build easy-to-use tools that can help you tell better stories.

View More