Когда я использую консоль разработчика Alexa, экранная анимация отлично работает. Когда я пытаюсь использовать Echo Show, все изображения проецируются очень быстро, после чего начинается анимация ... Что я делаю не так.
Я уже пытался изменить непрозрачность и пытался переключиться на пейджер. Пейджер слишком глючит, и у меня было много проблем с этой командой.
{
"type": "APL",
"version": "1.1",
"theme": "dark",
"import": [
{
"name": "alexa-layouts",
"version": "1.1.0"
}
],
"settings": {},
"resources": [],
"styles": {},
"onMount": [
{
"type": "Idle",
"delay": 6000
},
{
"type": "AnimateItem",
"easing": "ease-in",
"duration": 600,
"componentId": "background1",
"value": [
{
"property": "opacity",
"from": 0,
"to": 0
}
]
},
{
"type": "Idle",
"delay": 8750
},
{
"type": "AnimateItem",
"easing": "ease-in",
"duration": 600,
"componentId": "background2",
"value": [
{
"property": "opacity",
"from": 0,
"to": 0
}
]
},
{
"type": "Idle",
"delay": 6950
},
{
"type": "AnimateItem",
"easing": "ease-in",
"duration": 600,
"componentId": "background3",
"value": [
{
"property": "opacity",
"from": 0,
"to": 0
}
]
},
{
"type": "Idle",
"delay": 7000
},
{
"type": "AnimateItem",
"easing": "ease-in",
"duration": 600,
"componentId": "background4",
"value": [
{
"property": "opacity",
"from": 0,
"to": 0
}
]
},
{
"type": "Idle",
"delay": 2000
},
{
"type": "AnimateItem",
"easing": "ease-in",
"duration": 600,
"componentId": "background5",
"value": [
{
"property": "opacity",
"from": 0,
"to": 0
}
]
},
{
"type": "Idle",
"delay": 2000
},
{
"type": "AnimateItem",
"easing": "ease-in",
"duration": 600,
"componentId": "background6",
"value": [
{
"property": "opacity",
"from": 0,
"to": 0
}
]
},
{
"type": "Idle",
"delay": 2000
},
{
"type": "AnimateItem",
"easing": "ease-out",
"duration": 600,
"componentId": "background1",
"value": [
{
"property": "opacity",
"to": 1
}
]
}
],
"graphics": {},
"commands": {},
"layouts": {
"CurrentFeatureTemplate": {
"parameters": [
"background1",
"background2",
"background3",
"background4",
"background5",
"background6"
],
"item": [
{
"type": "Container",
"height": "100vh",
"width": "100vw",
"items": [
{
"type": "Image",
"id": "background6",
"opacity": 1,
"width": "100vw",
"height": "100vh",
"source": "XXXX",
"scale": "best-fill",
"position": "absolute"
},
{
"type": "Image",
"id": "background5",
"opacity": 1,
"width": "100vw",
"height": "100vh",
"source": "XXXX",
"scale": "best-fill",
"position": "absolute"
},
{
"type": "Image",
"id": "background4",
"opacity": 1,
"width": "100vw",
"height": "100vh",
"source": "XXXX",
"scale": "best-fill",
"position": "absolute"
},
{
"type": "Image",
"id": "background3",
"opacity": 1,
"width": "100vw",
"height": "100vh",
"source": "XXXX",
"scale": "best-fill",
"position": "absolute"
},
{
"type": "Image",
"id": "background2",
"opacity": 1,
"width": "100vw",
"height": "100vh",
"source": "XXXX",
"scale": "best-fill",
"position": "absolute"
},
{
"type": "Image",
"id": "background1",
"opacity": 1,
"width": "100vw",
"height": "100vh",
"source": "XXXX",
"scale": "best-fill",
"position": "absolute"
}
]
}
]
}
},
"mainTemplate": {
"parameters": [
"payload"
],
"item": [
{
"background1": "${payload.data.properties.background1}",
"background2": "${payload.data.properties.background2}",
"background3": "${payload.data.properties.background3}",
"background4": "${payload.data.properties.background4}",
"background5": "${payload.data.properties.background5}",
"background6": "${payload.data.properties.background6}",
"type": "CurrentFeatureTemplate"
}
]
}
}