Buy my mixtape: the Payment Request API in action
summary
Live demo of the Payment Request API shows a working checkout that pulls saved cards and addresses from the browser, streams a song preview with Web Audio, and sends a Stripe token to a Node/Express backend for processing. Code is a small JavaScript object integrated into a React frontend, it relies on Stripe tokenization and renders a native browser payment UI in Chrome/Edge on desktop and Chrome on iPhone, reducing checkout surface to a few lines and the demo succeeds with test transactions.
AI-written summary · about
chapters (9)
- 0:00Introduction and welcome
- 2:50Why the Payment Request API
- 11:25First demo of the API
- 13:54Real use cases for the API
- 18:32Music mixtape demo
- 20:44Code walkthrough and backend
- 24:46Mobile experience demo
- 28:01What’s next for the API
- 30:31Resources and closing
related talks
01h 23mSelling all the things: building online payments in JavaScript
34mKilling the checkout or: How I learned to stop worrying and love Payment Request
45mHow Web Payments will make paying for things more accessible on the web
23mWeb Payment APIs
06mLightning Talk: Payment Request API in a React Higher-Order Component
48mStandard Web Payment APIs
18mAccepting Mobile Payments with React Native
28mWeb Payments