On Windows, right click on the zip file and select Extract. This is a zip file (archive) which you have to extract once you downloaded it. Download it here.įirst of all, we have to download and install JW Player: Download and install JW playerįirst download the player. To make it easy for you, I provided some sample files to use.

JW Player, which is used to embed the audio.

It should not be too big because it imposes over the poster image. This can be PNG with 24bit transparency or a regular PNG image. Here is a tutorial how to create such a file: How to use TimedText for subtitling This is the most widely used format that can play almost on every device. If you do want to test it all, I provided some sample files to use. You can disregard the part of the tutorial you do not need. If you do not feel like using subtitles or a watermark, this is no problem. This can be a Flash presentation, a video or an audio, but we focus on audio this time. Embedding means placing on object in a web page. I’m going to show this all those features, one at the time, so that you can follow easily.įirst you need to download and install JW player, which is explained below, then we proceed with the embedding. Subtitles are useful for the hearing impaired, or it could be used as a translation of the narrative. This could be a sales page or a link to your main site, for instance. But a watermark can be linked to any web page you like.

Watermarks are useful to brand your audios, although you could do that with a poster image as well. It informs the visitor that his/her action has a result which is a user friendly approach.Thanks to the poster image, you have a space that shows a loading wheel, like this: With a regular control bar, you click on the play button and if there is delay before it stars to play, it may confuse the visitor because nothing appears to be happening.You can place additional information or a call to action in a poster image so that the visitor has an incentive to play it.The advantages of using a poster image for an audio are: In this tutorial, I’ll show you step by step how to add a poster image, a watermark and subtitles, using JW player from LongtailVideo.

While this is great for audio libraries, it can be so much more. Embedded audios in a website generally display a simple control bar with navigation buttons to play, pause, rewind and so on.

How to add subtitles to jwplayer online