Skip to content

Instantly share code, notes, and snippets.

@illusionfield

illusionfield/video-sound.smil

Last active December 7, 2021 13:19
Show Gist options
  • Save illusionfield/e767fc25b80e5449dfcfa6d74bb2aa43 to your computer and use it in GitHub Desktop.
Save illusionfield/e767fc25b80e5449dfcfa6d74bb2aa43 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
video-sound.smil
<smil>
<head>
<meta http-equiv="refresh" content="20"/>
<layout>
<!-- define the screen resolution -->
<root-layout width="1920" height="1080" backgroundColor="#18182c" />
<!-- define the screen layout zones in relative % -->
<region regionName="full" left="0" top="0" width="100%" height="100%" z-index="1" backgroundColor="#fdc400"/>
<region regionName="right" left="0%" top="0%" width="100%" height="100%" z-index="2" backgroundColor="#fdc400"/>
</layout>
</head>
<body>
<par>
<!-- Play this intro video as long as the resources being prefetched -->
<seq end="__prefetchEnd.endEvent">
<seq repeatCount="indefinite">
<!-- Play waiting prompt -->
<video src="https://signageos-demo.s3.eu-central-1.amazonaws.com/smil/samples/assets/loader.mp4" />
</seq>
</seq>
<!-- Downloading resources into the internal storage -->
<seq>
<prefetch src="https://static.signageos.io/assets/video-test-1_e07fc21a7a72e3d33478243bd75d7743.mp4" />
<prefetch src="https://signageos-demo.s3.eu-central-1.amazonaws.com/smil/samples/assets/landscape1.jpg" />
<prefetch src="https://signageos-demo.s3.eu-central-1.amazonaws.com/smil/samples/assets/landscape2.jpg" />
<seq id="__prefetchEnd" dur="1s" />
</seq>
<!-- Wait for the prefetch of media files, once done, start the playback -->
<par begin="__prefetchEnd.endEvent" repeatCount="indefinite">
<!-- TWO <par> playlists are here, they will play together side by side, both in their respective region -->
<par>
<!-- indefinite loop of media files in the selected order -->
<seq repeatCount="indefinite">
<video src="https://static.signageos.io/assets/video-test-1_e07fc21a7a72e3d33478243bd75d7743.mp4" region="full" soundLevel="100%"></video>
<img dur="3s" src="https://signageos-demo.s3.eu-central-1.amazonaws.com/smil/samples/assets/landscape1.jpg" region="full" fit="fill"></img>
</seq>
<!-- indefinite loop of media files in the selected order -->
<seq repeatCount="indefinite">
<ref src="https://idkey.shopguard.com/static/doe.html" region="right" type="text/html" dur="indefinite" />
</seq>
</par>
</par>
</par>
</body>
</smil>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment