RSP Dev tutorial streamezzo

What is RSP ? (1)
RSP Language describe UPDATES to the scene on the client The finality is to describe a scene, or one part of a scene in one rsp Most of the updates will (should) be incremental (like AJAX) RSP has a syntax similar to JSP that is: Build an XML tree using Java language to compute static parts Compiled to Java then to .class Execution result is a binary stream that can be read by the client XML syntax representing basic objects understood by the player
RSP Development Tutorial
7
Copyright © Streamezzo SA – 2008 All rights Reserved Confidential and Proprietary
Exercise 1
1) Write a menu with the following aspect: 2) Have the green bar change position when pressing UP or DOWN
Root
Transform
Shape (rectangle)
Transform
Shape A (ellipse)
Text (hello)
rendering orderRSP Development Tutorial
5
Copyright © Streamezzo SA – 2008 All rights Reserved Confidential and Proprietary
<% if (i+1 != n) { %> <Text string="<%= "Item " + (i+1) %>" vertAlign="MIDDLE" horizAlign="CENTERED" /> <% } %>
RSP Development Tutorial
10
Copyright © Streamezzo SA – 2008 All rights Reserved Confidential and Proprietary
Working with Java (2)
To interact with the outside world Import libraries: (at the beginning of the page) <%@ page import="java.awt.Rectangle" %> <%@ page import="java.awt.Color" %> Declare helper classes and functions <%! Rectangle.Float sizeOnly(Rectangle.Float r) { […] %> Get data from the back and prepare it before generating the UI
Basic nodes and attributes (1)
Transform
<Transform DEF=“MyTr" translation="10 20" scale="1 2"> [Children] </Transform>
Shape
<Shape DEF="Grayed“ color="#CCCCCC“ filled="true" points="0 10 240 -10 0 -10 />
RSP Development Tutorial
3
Copyright © Streamezzo SA – 2008 All rights Reserved Confidential and Proprietary
What is RSP ? (3)
The nodes are represented in a tree in the client The client renders that tree by browsing it once per frame That tree is modified using « updates » Insert: add a node inside another Delete Replace: a node or one of its attribute Nodes and updates are XML elements of the RSP language Nodes have a name « DEF » and an activity Nodes with a DEF can be modified by other nodes Nodes not active are ignored by the renderer Updates usually have a target node
Unlike the web, RSP has a time line Several parts may be sent individually and executed at different times The minimal « part » is called a unit, the player can’t decode less than one unit. There are media units, (images, video frames …) And scene description units « AUnit » or « access units » The scene description is composed of « nodes »: Visual nodes (Images, video, vector objects, texts, …) Logic nodes (can modify the other nodes) Animations nodes (with interpolation) One grouping node : « Transform » All types nodes can be mixed with no restrictions
scene.stz (pre executed RSP)
HTTP
scene.rsp
content
Service stub
resources
RSP Development Tutorial
1
Copyright © Streamezzo SA – 2008 All rights Reserved Confidential and Proprietary
Conditional: update tags at runtime
<Conditional startTime="20000"> <Replace target="MyText" field="Text.string" stringvalue="A new text" /> </Conditional>
Logic Logic Logic Logic Logic
RSP Development Tutorial
2
Copyright © Streamezzo SA – 2008 All rights Reserved Confidential and Proprietary
What is RSP ? (2)
RSP Development Tutorial
8
Copyright © Streamezzo SA – 2008 All rights Reserved Confidential and Proprietary
Geometry in the RME
Everything is centered if not mentionned otherwise The Transform node is the main target for geometrical effects, transfer the property to its children When specifying coordinates, X is the first value, Y is the second Use the « delta » attribute of a Transform to position its children in a list.
RSP Development tutorial
Streamezzo Service architecture
Rich Media Client
Application
The web
Rich Media Server
Webapp Service
request build dynamic content
240 10 0 10"
Action
<Action keyCodes="FIRE"> <ActionKey hideObject="Grayed" /> </Action> ActionKey is NOT a node.