Introduction¶

Welcome to the media player application tutorial!

In this tutorial, you will create a media player application that will be able to play images and videos as a slideshow.

The application consists of a single application made with NestJS. NestJS will render the pages requested by the user using the Handlebars templating engine.

An administration page will allow to manage the slideshows through an API. Each slide of the slideshow can have a time to display and can be an image or a video. The slideshows will be saved in a SQLite database.

A slideshow page will allow to run the desired slideshow with Splide.

You can find the final result of this tutorial on this Git repository: Create a media player application.

Resources and inspirations¶

These resources and inspirations were used to create this tutorial (in alphabetical order).

• GitHub Gist public test videos
• Gute frage Splide.js Autoplay stoppen?
• MDN Web Docs HTTP request methods
• MDN Web Docs HTTP response status codes
• NestJS Exception filters #Built-in HTTP exceptions
• NestJS First steps
• NestJS Model-View-Controller
• NestJS Prisma recipe
• Prisma Quickstart
• Splide Image Carousel
• Splide Options
• Splide Video extension
• TypeScript Utility Types
• Unsplash API Documentation