Sample Tools and Applications
Ant Media Server provides a range of sample applications to showcase its ability across different use-cases. Explore and interact with these samples to see Ant Media Server in action.
In these sample examples, we use LiveApp as the application, but you can use any different application as well for your testing. You can also create your own application as well.
1. WebRTC Publishing
Ant Media Server can ingest WebRTC video from web browsers. After installing the software and an SSL certificate, you can publish video using webRTC from this file:
/usr/local/antmedia/webapps/LiveApp/index.html
at this URL
https://domain-name.com:5443/LiveApp/index.html
For installation, please check out quick start installation guide.
Publishing WebRTC video without an SSL installed
If you are running the server on the localhost, there won't be a problem. However, for security reasons, web browsers do not allow reaching out to media devices without an SSL certificate.
For development purposes, in order to bypass that in the Chrome web browser, you can add your server's IP address to the following Chrome property, and it will not ask for SSL.
chrome://flags/#unsafely-treat-insecure-origin-as-secure
2. WebRTC Playback
You can play the live streams published to the server with a WebRTC video player. WebRTC video playback is available in Enterprise Edition.
You can navigate to the following URL to playback your webRTC stream.
https://domain-name.com:5443/LiveApp/player.html
The file is located at /usr/local/antmedia/webapps/LiveApp/player.html
3. WebRTC Audio Publishing
WebRTC audio publishing is available in Enterprise Edition using the following sample page:
https://domain-name.com:5443/LiveApp/audio_publish.html
The file is located at /usr/local/antmedia/webapps/LiveApp/audio_publish.html
4. WebRTC Audio Playback
WebRTC audio playback is available in Enterprise Edition using the following sample page:
https://domain-name.com:5443/LiveApp/audio_player.html
The file is located at /usr/local/antmedia/webapps/LiveApp/audio_player.html
5. Conference Call
A WebRTC conference sample is available in Enterprise Edition.
This feature allows one or more publishers to send video streams to a group of audiences. Latency in the conference is around 0.5 seconds.
The file is located at /usr/local/antmedia/webapps/LiveApp/conference.html.
For technical and detailed information about conference calls, please follow the link.
6. Peer-To-Peer Live Streaming
WebRTC peer-to-peer live streaming is also available in Enterprise Edition.
https://domain-name.com:5443/LiveApp/peer.html
The file is located at /usr/local/antmedia/webapps/LiveApp/peer.html
If you would like to dive in further regarding the technology behind live streaming, you can also analyze the WebRTC video/audio publish example. For technical details, please follow the link.
7. WebRTC Multitrack Player
WebRTC Multitrack Player is available in Enterprise Edition.
In this sample, you can play the multiple tracks coming in the main track. Suppose there are two subtracks available in the main track, and only one needs to be played at a time; then only one can be selected to play and one will be disabled. The track can be enabled/diabled on the fly as well.
The file is located at /usr/local/antmedia/webapps/LiveApp/multitrackplayer.html
8. WebRTC Publish with WhiteBoard
WebRTC whiteboard publisher is available in Enterprise Edition.
You can broadcast live streams to Ant Media Server with a whiteboard, where the whiteboard is synchronized with all players. Please make sure that data channel is enabled on the server side, as it's disabled by default.
The file is located at /usr/local/antmedia/webapps/LiveApp/canvas-publish.html
9. WebRTC Play with WhiteBoard
WebRTC whiteboard player is available in Enterprise Edition.
You can play live streams with a synchronized whiteboard. Please make sure that data channel is enabled on the server side, as it's disabled by default.
https://domain-name.com:5443/LiveApp/canvas-player.html
The file is located at /usr/local/antmedia/webapps/LiveApp/canvas-player.html
10. WebRTC DataChannel
WebRTC Data Channel is available in Enterprise Edition.
You can send only data through WebRTC via Ant Media Server without video or audio. It works the same way with WebRTC Publish and Play, which means all data is delivered to subscribers.
The file is located at /usr/local/antmedia/webapps/LiveApp/datachannel.html
11. WebRTC Test Tool
The WebRTC live streaming test tool is available in Enterprise Edition.
With this tool, you can measure E2E (end-to-end) bitrate, RTT, packet loss, and other connection parameters that may affect the quality of the stream with the test tool automatically.
The file is located at /usr/local/antmedia/webapps/LiveApp/webrtc-test-tool.html
12. WebRTC Publish with Timestamp
WebRTC live streaming with timestamp feature is available in Enterprise Edition.
You can broadcast a WebRTC camera stream by drawing the current timestamp of the frame. It's used for measuring the E2E (end to end) latency.
https://domain-name.com:5443/LiveApp/publish_with_timestamp.html
The file is located at
/usr/local/antmedia/webapps/LiveApp/publish_with_timestamp.html
13. WebRTC Player with Timestamp
WebRTC Player with Timestamp is available in Enterprise Edition.
You can broadcast a WebRTC camera stream by drawing the current timestamp of the frame. It's used for measuring the E2E (End to End) latency. It has a built-in function to send the frames to either Amazon Recognition or Google Vision API to get the latency measurement. For technical details, please read the e2e latency measurement documentation.
The file is located at /usr/local/antmedia/webapps/LiveApp/player_with_timestamp.html
14. Merge WebRTC Streams
The multitrack player sample to merge the streams is available in the Enterprise Edition.
The new multitrack-play.html page provides a server-side display of all participants in a conference room (e.g., room1). By loading this page on the server, it will automatically join the specified room, aggregating all video and audio tracks from active participants into a single view. This consolidated view allows the conference session to be recorded on the server without relying on the Circle Conference application. The sample URL format is as below:
https://AMS-Domain:5443/AppName/multitrack-play.html?id=room1
Participants can be added to the room using the sample conference link provided below, which enables users to join room1 and participate with both audio and video. This setup is particularly useful for scenarios where a multi-participant conference needs to be saved or viewed by a server admin without engaging additional conferencing software.
https://AMS-Domain:5443/AppName/conference.html
The file is located at /usr/local/antmedia/webapps/LiveApp/multitrack-play.html
15. Publish WebRTC Stream with WHIP Protocol
The WHIP stream publishing sample is available in Enterprise Edition.
If you directly want to publish the WebRTC stream from your browser using the WHIP protocol, then you can check the whip.html sample page of Ant Media Server for reference. This sample page uses the Eyevinn WHIP client to publish the stream to the server using the WHIP protocol. You can also directly integrate it into your web application.
Now, in order to publish the WHIP stream using the sample page, go to the below page of your Ant Media Server and start publishing
https://AMS-domain:5443/AppName/whip.html
The file is located at /usr/local/antmedia/webapps/LiveApp/whip.html
16. Publish with Virtual Background
WebRTC publish with virtual background feature is available in Enterprise Edition.
You can broadcast a WebRTC camera stream by applying the virtual background to your live stream. You can use your own image files to use as the background image. The sample URL can be reached at:
https://domain-name.com:5443/LiveApp/publish_webrtc_virtual_background.html
The file is located at
/usr/local/antmedia/webapps/LiveApp/publish_webrtc_virtual_background.html
17. Publish with DeepAR Effects
A WebRTC sample with DeepAR filter effects is available in Enterprise Edition.
You can broadcast a WebRTC camera stream by applying the filter using the DeepAR effect to your live stream. The sample URL can be reached at:
https://domain-name.com:5443/LiveApp/publish_webrtc_deep_ar_effects.html
The file is located at
/usr/local/antmedia/webapps/LiveApp/publish_webrtc_deep_ar_effects.html