Display streaming media content
From SpinetiX Support Wiki
Applies to: HMP400/HMP400W with DSOS SYSTEMS license, HMP350, HMP200, HMP130, and HMP100 devices.
Contents
Description
This tutorial explains how to include streaming media content (for instance, a TV channel, the output of a IP camera etc.) in your Elementi project in order to display it on the HMP.
- Difficulty: Easy / Medium.
- Total duration: Variable.
- Requirements:
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 HMP, 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 HMP.
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 HMP specification. See Video decoding page for more details.
- Select the stream output format. The RTSP, RTP, UDP and SDP streaming protocols are supported by the HMP.
- Start streaming on the network.
- Optionally, test the streaming media within a multimedia player (for instance with VLC player).
Include the streaming media inside the content
Once you have the streaming media source ready, things get really easy:
- Start Elementi and open a project.
- If you need to create a new project, "My first Elementi project" tutorial might also come in handy.
- The project's main file should be automatically opened, otherwise, double-click on the index.svg icon in Browse panel.
- Add a new streaming layer using the "Add Streaming Layer" button on the toolbar.
- Alternatively, right-click within the Edit panel and select "Insert Streaming Layer".
- Enter the stream URI (as RTSP, RTP, 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) -
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:transport attribute can be manually set to "tcp" from Layer Properties > Advanced tab.
- 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, the layer should be changed to audio - for that, 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 HMP device(s).
- Test that the streaming media plays fine on the HMP device(s).