RDK Resources
[*RDK Preferred*]
Code Management Facility
RDK Forums
[RDK Conferences]
RDK Support
Archives
Papers & Presentations Archive
Page History
...
This is the recommended mechanism for interfacing with the native AAMP video engine from WPE browser. It exposes both basic and advanced features, without limitations of HTML5 video tag interface (which was not designed with DASH/HLS in mind).
| Code Block | ||||
|---|---|---|---|---|
| ||||
<html><head><title>AAMP playback in WPE browser using UVE APIs</title></head> |
...
<script> |
...
var url = "http://d3rlna7iyyu8wu.cloudfront.net/skip_armstrong/skip_armstrong_multi_language_subs.m3u8"; |
...
window.onload = function() { |
...
var player = new AAMPMediaPlayer(); |
...
player.load(url); |
...
} |
...
</script> |
...
<body> |
...
<!-- video tag element used for hole punching, to ensure visibility of background video plane --> |
...
<video style="height:100%; width:100%; position:absolute; bottom:0; left:0" src="dummy.mp4" type="video/ave"/> |
...
</video> |
...
</body> |
...
</html> |
HTML5 Video Tag based Playback
...
Minimal Video Tag based Playback Example:
| Code Block | ||||
|---|---|---|---|---|
| ||||
<html><head><title>AAMP playback in WPE browser using HTML5 video tag</title></head> |
...
<script> |
...
// assign HLS or DASH locator here, with protocol changed to aamp:// or aamps:// |
...
var url = "aamps://d3rlna7iyyu8wu.cloudfront.net/skip_armstrong/skip_armstrong_multi_language_subs.m3u8"; |
...
window.onload = function() { |
...
var video = document.getElementById("video"); |
...
video.src = url; |
...
video.play(); |
...
} |
...
</script> |
...
<body"> |
...
<video id="video" style="height:100%; width:100%; position:absolute; bottom:0; left:0" src=""/> |
...
</body> |
...
</html> |
Overview
Community Forums
Content Tools
Tasks