Difference between revisions of "Background Plugin"

From MSX - Wiki
Jump to navigation Jump to search
Line 19: Line 19:
  
 
== Example ==
 
== Example ==
Please note that this example uses some properties that are only available in version '''0.1.142''' or higher.
+
Please note that in this example some properties are used that are only available in version '''0.1.142''' or higher.
 
=== Screenshot ===
 
=== Screenshot ===
 
[[File:background_plugin.png|thumb|640px|none|Example Screenshot (Background Plugin)]]
 
[[File:background_plugin.png|thumb|640px|none|Example Screenshot (Background Plugin)]]

Revision as of 22:08, 11 November 2021

This is a special video plugin that plays a video in an endless loop. The plugin can be used with version 0.1.74 or higher.

Usage[edit]

The plugin must be loaded with a video URL. Please see following action syntax example.

If you would like to use the plugin as reference to implement your own plugin, please have a look at this implementation script: http://msx.benzac.de/plugins/js/background.js.

Syntax[edit]

Parameter syntax of panorama plugin
Parameter Type Default Value Mandatory Description
url string null Yes

The URL of the background video. It is recommended to encode the value to ensure that it is evaluated correctly (e.g. "http://msx.benzac.de/media/atmos1.mp4""http%3A%2F%2Fmsx.benzac.de%2Fmedia%2Fatmos1.mp4").

Example[edit]

Please note that in this example some properties are used that are only available in version 0.1.142 or higher.

Screenshot[edit]

Example Screenshot (Background Plugin)

Code[edit]

{
    "headline": "Background Plugin Test",
    "style": "flat",
    "transparent": 2,
    "ready": {
        "action": "video:auto:plugin:http://msx.benzac.de/plugins/background.html?url=http://msx.benzac.de/media/atmos1.mp4",
        "data": {
            "playerLabel": "Atmospheric Background 1",
            "properties": {
                "control:type": "extended",
                "control:transparent": true
            }
        }
    },
    "menu": [{
            "label": "Menu Item 1",
            "data": {
                "pages": [{
                        "items": [{
                                "layout": "0,0,12,6",
                                "text": "Press {txt:msx-white:OK} to switch to {txt:msx-white:Atmospheric Background 1}.",
                                "action": "video:auto:plugin:http://msx.benzac.de/plugins/background.html?url=http://msx.benzac.de/media/atmos1.mp4",
                                "playerLabel": "Atmospheric Background 1",
                                "properties": {
                                    "control:type": "extended",
                                    "control:transparent": true
                                }
                            }]
                    }]
            }
        }, {
            "label": "Menu Item 2",
            "data": {
                "pages": [{
                        "items": [{
                                "layout": "0,0,12,6",
                                "text": "Press {txt:msx-white:OK} to switch to {txt:msx-white:Atmospheric Background 2}.",
                                "action": "video:auto:plugin:http://msx.benzac.de/plugins/background.html?url=http://msx.benzac.de/media/atmos2.mp4",
                                "playerLabel": "Atmospheric Background 2",
                                "properties": {
                                    "control:type": "extended",
                                    "control:transparent": true
                                }
                            }]
                    }]
            }
        }, {
            "label": "Menu Item 3",
            "data": {
                "pages": [{
                        "items": [{
                                "layout": "0,0,12,6",
                                "text": "Press {txt:msx-white:OK} to switch to {txt:msx-white:Atmospheric Background 3}.",
                                "action": "video:auto:plugin:http://msx.benzac.de/plugins/background.html?url=http://msx.benzac.de/media/atmos3.mp4",
                                "playerLabel": "Atmospheric Background 3",
                                "properties": {
                                    "control:type": "extended",
                                    "control:transparent": false
                                }
                            }]
                    }]
            }
        }]
}

Demo[edit]

See also[edit]