smartVISU
17:47 v3.3.1

Multimedia-Widgets

multimedia.audio multimedia.image multimedia.music multimedia.slideshow multimedia.station multimedia.timeslider multimedia.playpause

multimedia.image

Displays an image witch is been reloaded after a given time

Parameters
{{ multimedia.image(id, src, mode, refresh, default_img, localize) }}
id
unique id for this widget
src
the path/url or item to the image. For squeezebox create an item with the following value: 'http://IP:PORT/music/current/cover.jpg?player=MACADDRESS'.
Furthermore, make sure to list your SV server address/IP in the LMS Server setting Advanced/Security/CORS accepted hosts.
mode
the mode: 'none', 'corner', 'corner-bottom', 'fill' (optional, default 'none') (optional)
refresh
the reload-time in duration-format or defined as an item that retriggers a refresh (optional, default '10i')
default_img
the path/url to a default image that is shown on error and startup
localize
set to 'true' in order to load the image by php script, e.g. if image URL contains credentials (optional, default = 'false')
More Information
Duration-Format
The widget displays images and streams which are accessible via an URL - nearly everything that can be displayed by putting it's URL into an <img> tag. Some browsers reject URLs containing credentials. For streams containing pure JPEG images, this can be avoided by setting 'localize' to true even with high fps rates. The localize method does not work on MJPEG streams.
To display images which come as Base64 coded data in an item, see basic.print.
Examples
The first example uses an item called "webcam_item" which holds the image URL. A second item ("refresh_item") is used to trigger the refreshing of the image with every item update. Use the switch to refresh the image:

The image may change only slightly. Inspect the element using the browsers developer tools to see the timestamp changing behind the image name.
{{ multimedia.image('', 'webcam_item', 'corner', 'refresh_item') }}

multimedia.image
The second example uses a fixed URL and a timer duration. Here, the image is being reloaded every 15 seconds.
{{ multimedia.image('', 'http://www.wuerzburg.de/downloads/webcam/cam1.jpg', 'corner', '15s') }}

multimedia.image

Widgets

Design

Misc