Video

(TBI) click the field name ‘url’ in the prop’s table to open asset table

template

editor.template.components.pageX.videos.video

local props = {
  actionName    = "{{actionName}}",
  delay         = {{delay}},
  iterations    = {{iterations}},
  name          = "{{name}}",
}

return require("components.kwik.layer_video").new(props)

Video Replacement allows you to configure a video that will appear in replacement of an image layer. For example, you can draw a blank rectangle image in photoshop, and then you publish images to Solar2D project.In Kwik visiual editor, select the blank rectanglelayer you want to replace for a video and click Video replacement on Kwik editor.

Properties about the current layer content will appear when you click a layer in the list. It is important to match the same layer content size and position with the final video size.

File
Use the Browser button to point to your external file (you may simply write an URL here if your video is available from a website, for example).
Width and Height
these fields allow you to change the auto captured layer settings.
Auto Play
When enabled, it will play the video in the moment the page starts.
Action
It allows you to select an previously made action to be triggered when the video completes.
Loop
it loops the video playing.
Rewind at end
the video timeline is rewind back to the beginning.

module

components.kwik.layer_video

local M = {}
...
...
function M:didShow(UI)
  self.videoObj = video.performWithDelay( self.delay, function()
      if self.actionName then
        UI.scene:dispatchEvent({name = self.actionName })
      end
    end, self.iterations)
end
--

components.replacement.index

components.editor.video.index

local model = {
  id ="video",
  props = {
    {name="actionName", value=""},
    {name="delay",      value=0},
    {name="iterations", value = 1},
    {name="name",       value = ""},
  }
}

components.editor.video.defaults
the order of the table must be as same as the model.props table in index and must be sorted in alphavetical order
```
local M = {
  actionName = "",
  delay      = 0,
  iterations = 1,
  name       = "video-new",
}
```