I'm trying to implement an audiostream (radio) with images to display on Alexa devices. The audio works fine, but for some reason my images stopped displaying after I tried to change the source image the first time. Not sure if I'm just messing up the syntax, or if it's something else entirely.
According to the doc the "audioItem.stream.token may be cached in the Alexa service for up to five days", which in term can affect image display. But changing the token to something new doesn't seem to do anything.
Hope somebody has some insight into this.
const radioStream = [
{
'token': '1',
'url': 'https://url-to-stream/',
'metadata': {
"title": "title",
"subtitle": "subtitle",
"art": {
"sources": [
{
"url": "https://url-to-image/image.png",
"widthPixels": 512,
"heightPixels": 512
}
]
},
"backgroundImage": {
"sources": [
{
"url": "https://url-to-image/image.png",
"widthPixels": 1200,
"heightPixels": 800
}
]
}
}
},
];
...
handle(handlerInput) {
const stream = radioStream[0];
handlerInput.responseBuilder
.speak(handlerInput.t('AFFIRMATION'))
.addAudioPlayerPlayDirective('REPLACE_ALL', radioStream.url, radioStream.token, 0, null, radioStream.metadata);
return handlerInput.responseBuilder
.getResponse();
},