DEV Community

Lane Wagner for Boot.dev

Posted on • Originally published at qvault.io on

Building a Music/Video Streaming Server in Go – Using HLS

In this tutorial, I’m going to walk you through building a streaming API using Golang. Don’t worry, its surprisingly easy to build a robust streaming server, especially if we utilize one of the more modern protocols: HLS.

What is HLS?

HTTP Live Streaming is an HTTP-Based adaptive bitrate streaming communications protocol developed by Apple.

https://en.wikipedia.org/wiki/HTTP_Live_Streaming

HLS allows us to serve large media files as many smaller text files that are broken up into ~10-second increments. By breaking them up in this way, our user’s client-side app only needs to buffer 10 seconds in advance, which saves them a lot of potential bandwidth and allows the song to start playing much faster.

Using FFmpeg, we can easily convert mp3 files to the HLS format, which consists of multiple files. One of these files contains the metadata (.m3u8) and is served first. This metadata file tells the client where to get each data file, and what each data file contains. The data files have a .ts extension. Data files typically contain ~10 seconds of audio and are served one-at-a-time at the client’s request.

Getting Started – Format Some Media

Download a sample .mp3:

http://www.hubharp.com/web_sound/BachGavotteShort.mp3

Install FFmpeg. If you are on a Mac:

brew install ffmpeg
Enter fullscreen mode Exit fullscreen mode

Navigate to the directory of the mp3 file and run

ffmpeg -i BachGavotteShort.mp3 -c:a libmp3lame -b:a 128k -map 0:0 -f segment -segment_time 10 -segment_list outputlist.m3u8 -segment_format mpegts output%03d.ts
Enter fullscreen mode Exit fullscreen mode

This should result in three new files:

output000.ts output001.ts outputlist.m3u8
Enter fullscreen mode Exit fullscreen mode

Congratulations! You are done with the hard part, you now have simple files that can be served over HTTP. Any modern client-side media library will know how to read HLS files.

Building the Server

As I eluded to above, HLS is very simple on the server-side. All we need to do is serve a path to the .m3u8 file, and make sure the .ts files are served from the same path. In traditional file server architecture, this just means that they need to be in the same directory.

Let’s set up our project with the following folder structure:

Copy the following code into main.go:

package main

import (
    "fmt"
    "log"
    "net/http"
)

func main() {
    // configure the songs directory name and port
    const songsDir = "songs"
    const port = 8080

    // add a handler for the song files
    http.Handle("/", addHeaders(http.FileServer(http.Dir(songsDir))))
    fmt.Printf("Starting server on %v\n", port)
    log.Printf("Serving %s on HTTP port: %v\n", songsDir, port)

    // serve and log errors
    log.Fatal(http.ListenAndServe(fmt.Sprintf(":%v", port), nil))
}

// addHeaders will act as middleware to give us CORS support
func addHeaders(h http.Handler) http.HandlerFunc {
    return func(w http.ResponseWriter, r *http.Request) {
        w.Header().Set("Access-Control-Allow-Origin", "*")
        h.ServeHTTP(w, r)
    }
}
Enter fullscreen mode Exit fullscreen mode

Now run your server:

go run main.go
Enter fullscreen mode Exit fullscreen mode

Your server is live! Test your music play by using a media client. A free online client can be found here: https://hls-js-latest.netlify.com/demo/

Simply paste your song’s URI and listen:

http://localhost:8080/bachgavotteshort/outputlist.m3u8
Enter fullscreen mode Exit fullscreen mode

Thanks for reading! Good luck with your media project!

Lane Wagner on Twitter: @wagslane

Lane on Dev.to: wagslane

Lane on Medium: @wagslane

Download Qvault: https://qvault.io

Star our Github: https://github.com/q-vault/qvault

The post Building a Music/Video Streaming Server in Go – Using HLS appeared first on Qvault.

Top comments (0)