alefo

Hallo,

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>

Mein Code in AWS-Lambda zur Ausgabe der Karte lautet wie folgt:

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');
	},
	...
};

Hat jemand eine Idee, was da los ist?

Gruß,
Volker

PS: Ich wünsche allen einen guten Rutsch ins neue Jahr.

alefo

"Kein Bild gefunden" in Skill-Karte

"Kein Bild gefunden" in Skill-Karte