Alexa APL Tutorial - Lesson 6: Image Component
Join Alexa Champion Mark Tucker as he discusses how to display images and filters using Alexa Presentation Language's (APL) Image Components. If you would like to follow along, please use this APL Ninja Link: https://apl.ninja/document/MarkTucker/dabble-lab-5-images-casl APL Image Documentation: https://developer.amazon.com/en-US/docs/alexa/alexa-presentation-language/apl-image.html APL Image Filters: https://developer.amazon.com/en-US/docs/alexa/alexa-presentation-language/apl-filters.html You will learn how to display an image, change scale, add a border and overlay, apply filters, and handle the onFail command. Some background information... Alexa Presentation Language (APL) is the visual design framework that allows you to build interactive voice and visual experiences on supported devices such as the Echo Show, Fire TV, some Fire Tablets, etc. APL allows you to include graphics, images, animations, slideshows, and videos to visual experiences in order to make skills more engaging and delightful to users. About Mark Tucker: Mark is an Alexa Champion. He is also a full-stack developer who’s on a mission to help businesses reach millions of customers through devices with Alexa. Mark is a Sr. Technical Director at RAIN and co-host of the Two Voice Devs podcast. He also owns Shazaml Design LLC, based in Gilbert, Arizona, and strives to help companies connect with customers via voice, our most natural form of interaction. We love hearing from you! Do you have questions? New tutorial ideas you would like to see? Comment below, and we will do our best to help out. Other Relevant Dabble Lab: Alexa APL Tutorial - Lesson 1: Introducing Containers: https://youtu.be/WDLtlEfjHnc Alexa APL Tutorial - Lesson 2: Containers Wrap Up: https://youtu.be/5AXvtS2kTQE Alexa APL Tutorial - Lesson 3: Frame Components: https://youtu.be/6nfDvF4dj9Y Alexa APL Tutorial - Lesson 4: Text Components: https://youtu.be/TvgIhoacwxE Alexa APL Tutorial - Lesson 5: Data Binding: https://youtu.be/1uvSOtp5kSo Follow Us! Twitter: https://twitter.com/dabblelab?s=20 LinkedIn: https://www.linkedin.com/company/dabblelab/ Facebook: https://www.facebook.com/dabblelab GitHub: https://github.com/dabblelab Subscribe to our YouTube Channel for more tutorials to help you build custom solutions for Amazon Alexa, Twilio Autopilot, Google Assistant, and other platforms. About Dabble Lab: Dabble Lab is a company dedicated to creating tutorials to help you learn how to build custom solutions for Amazon Alexa, Google Assistant, Twilio Autopilot, and other emerging digital assistant platforms. Learn more about Dabble Lab at https://dabblelab.com. #DabbleLab #MarkTucker #APL #AlexaSkills #VoiceFirst 00:22 Background Color 00:57 Main Template 01:40 Display an Image 2:24 Image Width and Height 3:20 Scale 3:45 Image Property: None 4:00 Image Property: Fill 4:23 Image Property: Best Fill 5:45 Image Property: Best Fit 5:58 Border Radius 6:35 Text Overlays 6:55 Shadows 7:30 Filters & Filter Stacking 12:35 Unfail Function
Download
0 formatsNo download links available.