ich bin gerade dabei meinen ersten Skill zu entwickeln und habe ein Problem mit der Bildanzeige in der Skill-Karte.
Die Bilder (klein / groß) habe ich in einem S3-Bucket abgelegt und öffentlicht gemacht.
Wenn ich mir die Karte in der Alexa-App ansehe, wird das Bild angezeigt.
Aber wenn ich mich im Browser auf alexa.amazon.de anmelde, dann wird mir anstatt des Bildes nur der Text "Kein Bild gefunden" angezeigt.
Jedoch wenn ich die Bilder-URLs im Browser direkt eingebe, kann ich beide Bilder aufrufen.
Der Browser bekommt auch scheinbar gar nicht den HTML-Code für die Anzeige des Bildes ausgeliefert, sondern nur folgendes:
Code: Alles auswählen
<section class="d-card-image-region large">
<div class="d-card-image no-image" tabindex="0" role="link">
<p>Kein Bild gefunden</p>
</div>
</section>
Code: Alles auswählen
const languageStrings = {
'de': {
translation: {
CARD_SMALL_IMAGE: 'https://s3-eu-west-1.amazonaws.com/.../MeinSkill720x480.png',
CARD_LARGE_IMAGE: 'https://s3-eu-west-1.amazonaws.com/.../MeinSkill1200x800.png',
CARD_TITLE: 'Mein Skill',
CARD_CONTENT: '...',
MSG_HELP: '...',
MSG_REPROMPT: 'Was kann ich für dich tun?',
...
}
}
};
const Handlers = {
'AMAZON.HelpIntent': function () {
const cardTitle = this.t('CARD_TITLE');
const cardContent = this.t('CARD_CONTENT');
const imageObj = {
smallImageUrl: this.t('CARD_SMALL_IMAGE'),
largeImageUrl: this.t('CARD_LARGE_IMAGE'),
};
this.response.speak(this.t('MSG_HELP'))
.listen(this.t('MSG_REPROMPT'))
.cardRenderer(cardTitle, cardContent, imageObj);
this.emit(':responseReady');
},
...
};
Gruß,
Volker
PS: Ich wünsche allen einen guten Rutsch ins neue Jahr.
