Qt SCXML Media Player QML Example (Dynamic) | Qt SCXML 5.7

Qt 5.7 | Qt SCXML | Qt SCXML Examples | Qt SCXML Media Player QML Example (Dynamic)

Qt 5.7.1 Reference Documentation

# Qt SCXML Media Player QML Example (Dynamic)

Media Player QML Example (Dynamic) demonstrates how to access data from a dynamically loaded ECMAScript data model.

The UI is created using Qt Quick.

## Running the Example

To run the example from Qt Creator, open the Welcome mode and select the example from Examples. For more information, visit Building and Running an Example.

## Using the ECMAScript Data Model

We specify the data model as a value of the datamodel attribute of the `<scxml>` element in mediaplayer-common/mediaplayer.scxml:

      <!-- enable-qt-mode: yes -->
      <scxml
          xmlns="http://www.w3.org/2005/07/scxml"
          version="1.0"
          name="MediaPlayerStateMachine"
          initial="stopped"
          datamodel="ecmascript"
      >
          <datamodel>
              <data id="media"/>
          </datamodel>

## Dynamically Loading the State Machine

We link against the Qt SCXML module by adding the following line to the example .pro file:

      QT += qml scxml

We dynamically create the state machine in mediaplayer-commonMediaplayer.qml:

      import QtScxml 5.7 as Scxml

      Window {
          id: root
          property QtObject stateMachine: scxmlLoader.stateMachine
          property alias filename: scxmlLoader.filename

Files:

- mediaplayer-qml-dynamic/mediaplayer-qml-dynamic.cpp
- mediaplayer-qml-dynamic/mediaplayer-qml-dynamic.qml
- mediaplayer-qml-dynamic/mediaplayer-qml-dynamic.pro
- mediaplayer-qml-dynamic/mediaplayer-qml-dynamic.qrc