Try Live Demo

In this blog post, you will learn how to develop your own application on Ant Media Server. As you know, business requirements can be changeable according to their use-cases. This blog post will help you kickstart your application writing process in a very short amount of time.

Let’s learn to step by step why you need to develop your own application on Ant Media Server, and how to develop one.

Why do I need to develop an application on Ant Media Server?

Let’s go through with real business requirements first. You may need to use a modified embedded player page in an application. You also may need to override your modified embedded player page after the application is created. However, without a server-side application solution, this will only look like a simple patch, and may not meet your needs.

In a custom application solution, you just need to edit your embedded player page in the repository and build it.

How can I create a custom application?

In order to be able to build an application, you need to know Git/Maven knowledge, during the compilation process. As you read forward, we will add these details step by step.

Step 1: Fetch the StreamApp sample app

Clone the latest version of the StreamApp repository.

git clone https://github.com/ant-media/StreamApp.git

Note that git should already be installed in your environment. Please check this guide for more detail about git.

Step 2: make your changes & compile with Maven

Let’s say you want to change Stream will start playing automatically
when it is live
 text in the embedded player page aka play.html page.

Go src/main/webapp path in StreamApp project.

Open play.html page in your favorite editor, such as vim or nano.

Change the text Video dependent on internet connection.
Please refresh if it doesn't play
to a text that you would like to modify.

Build StreamApp project using the code below:

mvn clean install -DskipTests -Dmaven.javadoc.skip=true -Dgpg.skip=true

After that, you will see StreamApp.war file on target folder.

Note that mvn should already be installed in your environment. Please check this guide for more information about mvn.

Step3: upload war file in Ant Media Server dashboard

Now, upload .war file to Ant Media Server dashboard.

upload-war-file-in-dashboard

After the .war file uploads completely, you will see your application on Dashboard.

This is the end of step by step application installation on Ant Media server. What you need to do is to go to http://ams-url:5080/streamHive/play.html, and see the results:

ant-media-server-custom-application-embedded-player

Conclusion

In this blog post, we showed how to download an application and upload to Ant Media Server, which puts an overlay message on the blank screen that is shown before a stream is initiated.

Categories: Tutorial

Selim Emre Toy

Highly motivated full-stack developer with 6 years of experience especially in Java and Angular. Constantly learning, passionate about solving complex problems. Proficient in various programming languages and technologies. Enjoys finding creative solutions to challenges.