A simple example showing how to use hotpots video texture.
configuration.json
{
"history":
{
"enabled": false
},
"story":
{
"uid": "hotspots-video",
"name": "Hotspots Video",
"slug": "hotspots-video",
"description": "This is sample of hotspots with video texture",
"default": "scene-0",
"scenes":
[
{
"uid": "scene-0",
"name": "First scene",
"slug": "first-scene",
"description": "This is the first an only scene",
"background": "#202040",
"media":
{
"uid": "media-0",
"type": "grid",
"options":
{
"color": "#7F7FFF"
}
},
"hotspots":
[
{
"uid": "hotspot-video-0",
"facingCenter": false,
"transform":
{
"position":
{
"radius": 200,
"theta": 0,
"phi": 0
}
},
"geometry":
{
"type": "plane",
"options":
{
"width": 128,
"height": 64
}
},
"material":
{
"video":
{
"url": "Omni-Highlights-256x128.mp4"
},
"transparent": true
},
"events":
{
"onOver": "over-action-1",
"onOut": "out-action-1"
}
}
]
}
]
},
"actions":
[
{
"uid": "out-action-1",
"target":
{
"identifier": "hotspot-video-0",
"accessor": "material.displayObject"
},
"method":
{
"name": "play"
}
},
{
"uid": "over-action-1",
"target":
{
"identifier": "hotspot-video-0",
"accessor": "material.displayObject"
},
"method":
{
"name": "pause"
}
}
]
}