Tech

Recordings and HTML5 audio tags

Published on:

October 10, 2013

Recording phone calls is essential for compliance, particularly in industries like brokerage, where proof of phone agreements is required. In the snom ONE PBX, recordings are categorized into automatic and manual types. While manual recordings are handled like voicemail messages, automatic recordings, often generated in bulk in busy call centers, present a challenge for archiving and access. The solution is organizing them in a file system by domain and date for easy retrieval and storage on remote services. The 5.1.3 release introduces HTML5 audio playback for seamless in-browser listening, allowing restricted access to specific recordings without altering file system permissions, though IE users face limitations due to unsupported WAV formats.

Recording phone calls is an important feature of any PBX. Phone calls sometime need to be recorded for legal purposes, e.g., for brokerage firms that need proof when trading agreements are made over the phone.

On the snom ONE PBX, we differentiate between automatically made recordings and recordings started manually. The manual recordings are treated similar to voicemail messages and are shown in the voicemail section of the web interface. Because there are usually only a handful of such recordings, the manual recordings are not a big problem. The automatic recordings are mostly generated in bulk. Especially in busy call centers, with thousands of calls every day, this poses a difficult question as to how to archive and access the recordings.

The first answer to this question is the file system. By putting the recordings into directories organized by the domain and the date, we make it easy to access files for those who have file system access; it's also easy to permanently store these files on remote storage services. There are several synchronization services for this.

There was always the demand to have the playback for the recordings directly from the web interface, however: HTML5 has added the audio element, which makes it possible to stream the audio directly to the browser without the need to store it and then play it externally. In other words, it becomes possible to play a recording back with a simple click. It also makes it possible to grant access to only certain recordings - for example, only to those made by a certain agent group - without having to tweak file system access. This is what we have added to the upcoming 5.1.3 release. For the various recording locations, we have put a little triangle next to the recording record: when the user clicks on it, it makes the audio player visible and starts the playback.

While we were on it, we also started to add the playback feature in other places like the auto attendant IVR control (see screenshot). This makes it easier, faster and more fun to set the attendant up.

Recordings and HTML5 audio tags

Most desktop browsers support this method. Unfortunately, Internet Explorer is again an exception here because it is unable to play back simple WAV files. Encoding the recordings in MP3 or even AAC isn't an option for the PBX, so we are unable to offer this feature for IE users. In most installations, however, users also have other browsers installed, so it will be possible for practically all users to use this new feature. The feature availability for mobile users is limited, but we expect that over time more and more mobile devices will support the HTML5 audio tag with the WAV format.

Latest Articles

View All

The Vodia PBX and the OpenAI Realtime API for Healthcare

OpenAI’s Realtime API brings low-latency, multimodal voice capabilities to developers, and Vodia PBX is already harnessing its power. By enhancing IVR with backend JavaScript, Vodia enables real-time AI-driven call interactions, eliminating the need for patterns or webhooks. This integration has a significant impact on healthcare, enabling patients to book or cancel appointments, refill prescriptions, request records, and more, all without speaking to staff, and in multiple languages. This reduces wait times and frees up medical staff to focus on in-person care. With full Microsoft Teams support, the Vodia PBX and OpenAI Realtime API integration streamlines healthcare workflows, boosting efficiency and improving patient outcomes through intelligent, voice-powered automation.

April 24, 2025

How the Hospitality Industry Can Exceed Guest Expectations

As hotels prepare for the upcoming travel season, many are rethinking their communication systems to better meet modern guest expectations. Vodia CEO Dr. Christian Stredicke explains how VoIP, AI, and app-based control are key to delivering smarter, more personalized service. Guests now expect mobile-first experiences—whether for check-in, room controls, or contacting hotel staff. Vodia’s customizable communication solutions help hotels automate tasks, streamline operations, and boost guest comfort while reducing costs. With robust security and seamless integration into existing hotel management systems, Vodia enables hotels to move beyond outdated hardware and deliver the connected, high-quality experience today’s travelers demand.

April 23, 2025

Seatrade Cruise Global 2025: Communications Revolution Onboard - What Cruise Experts Need to Know

At Seatrade’s 40th anniversary, Vodia and Lufthansa Industry Solutions showcased the Vodia Maritime Communication Server and the new CruisR World App—purpose-built for next-generation cruise ships and cost-effective retrofits. Key themes at the event included AI-powered language translation, breakthrough satellite connectivity, UC platforms, and advanced emergency protocols. These innovations enable cruise lines to streamline operations, personalize guest experiences, and meet growing expectations for safety and connectivity. As the cruise industry evolves, Vodia’s solutions position communication teams to lead with smarter, more human-centric technology at sea.

April 23, 2025