Jump to content

Display streaming media content

From SpinetiX Wiki
Note  
Applies to all DSOS players, except HMP300 and DiVA. It requires SYSTEMS Feature Set.

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

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:

  1. Set up your streamer / encoder for network streaming.
  2. Select the video / audio settings for the stream output according to the target player specification. See Video decoding page for more details.
  3. Select the stream output format, such as RTSP, RTP, UDP, SRT, or SDP.
  4. Start streaming on the network.
  5. Optionally, test the streaming media within a multimedia player (for instance with VLC player).
Note Note:
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:

  1. Open Elementi and create a new project.
  2. 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.
  3. 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".
  4. 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)
  5. For external RTSP sources, the "Use TCP transport ... " option might need to be activated if the stream is not displayed.
  6. Click the "OK" button. A video layer is added to the list of layers.
  7. Test that the streaming media plays fine within Elementi.
  8. Position the new layer within the Preview panel and/or fine tune its properties using the Layer Properties dialog.
  9. Save the changes to your project.
Note Notes:
  • 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 "Layer Properties" button 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 "Layer Properties" button, 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:

  1. Publish the project on the player(s).
  2. Test that the streaming media is displayed correctly.

See also

We use only essential cookies for site functionality.