Creating Transcriptions With the Hyperaudio Plugin


The Hyperaudio Plugin can create transcriptions (or subtitles) from audio files and video files. It allows the viewer to skip to various parts of the text and immediately listen to the place where the cursor points.

If your audio file is very large, you can convert the audio to a video file using YouTube or hosting it on SoundCloud (proprietary) or Spotify Podcast (currently free).

Watch video to see how to convert audio files to youtube video:

Step One

There are most likely many ways to implement this plugin. In this example we will use YouTube and SavSubs.

First, we need to create the transcription file. The best format to use is SRT.

For YouTube conversions, go to

Fill in your YouTube URL and click on “Extract Links” for SRT file type (highlighted below):

You should see the following after clicking on Extract Links:

Click on the SRT box highlighted above and your file will be downloaded to your computer.

Step Two

Now that we have the transcript file in a SRT format, go to your site’s Dashboard and click on Settings>>Hyperaudio.

You should see the following:

Hyperaudio uses shortcodes to display transcripts. Please note the example highlighted at the top. Copy the example and paste the shortcode into your page or post. Click publish so that you do not lose it.

Next, you back to Settings>>Hyperaudio. Scroll down to the converter.  This is where you need to paste your SRT file in order to get the hypertranscript that you need.

Open your SRT file in a text editor and copy the entire file into your clipboard. Then paste it the space labelled “Paste Here”. Choose SRT as the file format. Hit the Convert button.

At this point you can click on “Rendered View” and edit the transcription. You will probably want to capitalize the beginning word at the start of each sentence.

Next, go back to “Markup View” and copy the entire hypertranscript file to your clipboard and go back to your page or post where your shortcode was saved. Now you need to make the following changes.

  • Overlay the example’s “span” tags with your hypertranscript data that is in your clipboard. Be careful not to lose the tags at the end. You should just overlay the “span” tag.
  • Find the embed code of your YouTube video. Click the share button and copy the URL that is located inside the iframe code.
  • Past the embed URL into the src attribute on the first line of the shortcode.
  • Your shortcode is now complete. Click on update

Your should now see the results below:



welcome to ready get set a series of

five short videos designed to give black

and racialized youth and their families a better understanding of the justice system and how to navigate it this video

is how community supports can change

your outcomes delta family visor center consists of youth justice workers reintegration workers and also family counselors the roles are supported in black and also racialized youth and their families the team at delta is passionate about helping the youth and the families working by identifying each of their individual needs

community supports can make a difference in your outcomes with court they can help improve your outcomes by providing many specific supports that will show the judge that you are serious about changing your path community supports can provide you with the support letters which you can show to your lawyer as evidence that there are agencies and people who will vouch for you they can provide free programs which demonstrate your personal commitment to changing your behavior youth justice workers can refer you to the relevant services servers i mentor on your journey and be an important confidential non-judgmental

person you can talk to about your situation they can explain and guide you through the justice process tell you some of your options and support you and your family during this time they can provide free counseling and other supports for you and your family’s well-being as you go through this process some community agencies can also assist your family by providing short-term relief in terms of access to food and gift cards

other agencies include urban rest solutions for youth initiative think twice somali women and children network and also peace builders they provide support to youth by working closely with the family resource center

i’m chelsea from albia neighborhood services ans and i’m the youth balance prevention coordinator there we are really excited about our new partnership with the eu justice centers as we’ll be able to provide wraparound services to both the youth and their families who are experiencing core issues or legal matters through this partnership we will be able to provide satellite support for those who don’t have access to the physical court space or technology they’ll be able to do it right here at the hub

the northwest justice center understands that community supports are an integral part in assisting residents with navigating the justice system ultimately the goal is to reduce charges and provide a system that supports youth

and families in navigating these processes

luminous a community agency that is very visible in the courts assists youth and families to navigate and link to community support that are culturally relevant wrap around services to support

them with their needs

colvin makes internet access critical and we know that lots of families have been having challenges making appearances for court due to this issue

there are two locations which youth and

families can go to access virtual court

supports luminous located at their finch west location as well as alvia neighborhood

services which is located at the rexdale


youth and families can go to one of the

two hubs and access

internet for court appearances find out information about their court case and

get supports from youth justice workers

and those assistants

he partners in this northwest justice

initiative include delta family

the justice center satellite locations

city of toronto justice for children and youth legal aid ontario and mental health and

social work services community supports can make a big difference when you’re in court so please make sure to check out all these valuable resources

this series has been developed by delta family with support from the ministry of the attorney general and partners delta family provides culturally relevant free youth justice and counseling services to black youth and families and has served diverse communities in northwest toronto for 40 years