Display streaming media content
Appearance
(Redirected from Tutorial:Display streaming media content)
Overview
This tutorial explains how to include streaming media content (for instance, a TV channel, the output of an IP camera, etc.) in your Elementi project and display it on the player.
- Difficulty: Easy / Medium.
- Total duration: Variable.
Requirements
- A streaming media source compliant with the player specification. See Streaming and Video decoding pages for more details.
- Elementi (the latest version is recommended).
- One or more players (e.g., HMP400/W, iBX410/W, iBX440, etc.) with SYSTEMS Feature Set and the latest firmware.
Tutorial
Prepare the streaming media source
The first and probably the most difficult step is to prepare the streaming media source. For instance, to display a TV channel on the player, you need to use a dedicated hardware that takes the TV signal and stream it over the network using UDP or RTP (with or without RTSP on top). See also the list of encoders and streamers that have been tested with the SpinetiX players.
Here are the general steps to follow:
- Set up your streamer / encoder for network streaming.
- Select the video / audio settings for the stream output according to the target player specification. See Video decoding page for more details.
- Select the stream output format, such as RTSP, RTP, UDP, SRT, or SDP.
- Start streaming on the network.
- Optionally, test the streaming media within a multimedia player (for instance with VLC player).
You can also use public streaming sources from the Internet, though it is not very easy to find a compliant and reliable one. Sharing websites, like YouTube, cannot be used.
Include the streaming media inside the content
Once you have the streaming media source ready, things get really easy:
- Open Elementi and create a new project.
- Double-click on the project's icon in the Browse panel to open it. Its root index file is automatically opened for editing and preview.
- Click the "Add Streaming Layer" button on the toolbar to add a new streaming layer.

Add a streaming layer - Alternatively, right-click within the Edit panel and select "Insert Streaming Layer".
- Enter the stream source URI (as RTSP, RTP, SRP, or UDP address) within the pop-up dialog.
- Here are some examples of such addresses:
rtsp://172.21.1.75:3049/S1(local streaming device via rtsp)rtsp://172.21.3.120/axis-media/media.amp(local streaming server via rtsp)rtp://239.192.3.111:5000(local streaming server via multicast rtp)udp://239.255.1.6:59012(local streaming server via multicast udp)srt://10.10.10.100:5001(local streaming server via SRT)rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mp4(external Wowza streaming server via rtsp)
- Here are some examples of such addresses:
- For external RTSP sources, the "Use TCP transport ... " option might need to be activated if the stream is not displayed.
- Elementi 3.x does not have this option, therefore the
spx:transportattribute can be manually set to "tcp" from Layer Properties ▶ Advanced tab.
- Elementi 3.x does not have this option, therefore the
- Click the "OK" button. A video layer is added to the list of layers.
- Test that the streaming media plays fine within Elementi.
- Position the new layer within the Preview panel and/or fine tune its properties using the Layer Properties dialog.
- Save the changes to your project.
- When using audio-only streaming media, such as internet radio streaming, make sure to enable the "This is an audio only stream" option. For older Elementi versions, click
to open the "Layer Properties" dialog, go to "Advanced tab" and set the "type" attribute to "audio/mpeg" or "audio/x-ms-asf". - To suppress the rotating dots' animation while connecting to a streaming source, click
, go to "Advanced tab" and set the "spx:silent" attribute to "true".
Display the content on the screen
Finally, let's see the streaming media on the screen:
- Publish the project on the player(s).
- Test that the streaming media is displayed correctly.