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.

Tagged

SoundCite SoundCloud popcorn.js

Latest Posts

Lab , projects | Oct 6, 2023

A Big Change That Will Probably Affect Your Storymaps

by Joe Germuska | joegermuska

A big change is coming to StoryMapJS, and it will affect many, if not most existing storymaps. When making a storymap, one way to set a style and tone for your project is to set the "map type," also known as the "basemap." When we launched StoryMapJS, it included options for a few basemaps created by Stamen Design. These included the "watercolor" style, as well as the default style for new storymaps, "Toner Lite." Stamen...

Continue Reading
People | Jan 31, 2023

Introducing AmyJo Brown, Knight Lab Professional Fellow

AmyJo Brown, a veteran journalist passionate about supporting and reshaping local political journalism and who it engages, has joined the Knight Lab as a 2022-2023 professional fellow. Her focus is on building The Public Ledger, a data tool structured from local campaign finance data that is designed to track connections and make local political relationships – and their influence – more visible. “Campaign finance data has more stories to tell – if we follow the...

Continue Reading
Ideas | May 31, 2022

Interactive Entertainment: How UX Design Shapes Streaming Platforms

by Max Johnson

As streaming develops into the latest age of entertainment, how are interfaces and layouts being designed to prioritize user experience and accessibility? The Covid-19 pandemic accelerated streaming services becoming the dominant form of entertainment. There are a handful of new platforms, each with thousands of hours of content, but not much change or differentiation in the user journeys. For the most part, everywhere from Netflix to illegal streaming platforms use similar video streaming UX standards, and...

Continue Reading
Lab projects | Dec 13, 2021

Innovation with collaborationExperimenting with AI and investigative journalism in the Americas.

by Mago Torres | magiccia

Lee este artículo en español. How might we use AI technologies to innovate newsgathering and investigative reporting techniques? This was the question we posed to a group of seven newsrooms in Latin America and the US as part of the Americas Cohort during the 2021 JournalismAI Collab Challenges. The Collab is an initiative that brings together media organizations to experiment with AI technologies and journalism. This year, JournalismAI, a project of Polis, the journalism think-tank at...

Continue Reading
Lab projects , En Español | Dec 13, 2021

Innovación con colaboraciónCuando el periodismo de investigación experimenta con inteligencia artificial.

by Mago Torres | magiccia

Read this article in English. ¿Cómo podemos usar la inteligencia artificial para innovar las técnicas de reporteo y de periodismo de investigación? Esta es la pregunta que convocó a un grupo de siete organizaciones periodísticas en América Latina y Estados Unidos, el grupo de las Américas del 2021 JournalismAI Collab Challenges. Esta iniciativa de colaboración reúne a medios para experimentar con inteligencia artificial y periodismo. Este año, JournalismAI, un proyecto de Polis, la think-tank de periodismo...

Continue Reading
Studio | Journalism AI Readiness Scorecard

AI, Automation, and Newsrooms: Finding Fitting Tools for Your Organization

by Hannah Barton , Helen Bradshaw , Joshua Hoeflich , Grace Lee , Sammie Pyo

If you’d like to use technology to make your newsroom more efficient, you’ve come to the right place. Tools exist that can help you find news, manage your work in progress, and distribute your content more effectively than ever before, and we’re here to help you find the ones that are right for you. As part of the Knight Foundation’s AI for Local News program, we worked with the Associated Press to interview dozens of......

Continue Reading