https://github.com/ra1d7/quranvidgen

Quran Video Generator website & android app, using the power of web assembly to encode the video on the client device with support for picking the exact ayat to be recited by your preferred reciter
https://github.com/ra1d7/quranvidgen

angular16 capacitor ffmpeg ffmpeg-wasm ionic quran quran-audio quran-video quran-web

Last synced: 2 months ago
JSON representation

Quran Video Generator website & android app, using the power of web assembly to encode the video on the client device with support for picking the exact ayat to be recited by your preferred reciter

• Host: GitHub
• URL: https://github.com/ra1d7/quranvidgen
• Owner: Ra1d7
• License: mit
• Created: 2024-05-17T19:12:59.000Z (7 months ago)
• Default Branch: master
• Last Pushed: 2024-07-20T21:34:22.000Z (5 months ago)
• Last Synced: 2024-10-13T23:01:15.690Z (2 months ago)
• Topics: angular16, capacitor, ffmpeg, ffmpeg-wasm, ionic, quran, quran-audio, quran-video, quran-web
• Language: TypeScript
• Homepage: https://quran-vid-gen.vercel.app
• Size: 144 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Quran Video Generator Hybrid Website & Android Application 📽️📖


QuranVidGen is an innovative project that leverages the power of Angular 16 and ffmpeg.wasm to generate Quran videos entirely on the client side. Our goal is to make the spiritual experience of the Quran accessible in a visual format, with ease and efficiency.

Built with the latest web technologies, our application ensures a seamless user experience while maintaining high performance. The Android app, created with Ionic and Capacitor, extends this functionality to mobile devices, allowing users to engage with the Quran on-the-go.

Join us in our journey to bring the Quran to life through technology.

Some of the notable features of the project include:

- An android app using Ionic framework and capacitor to carry the experience on your mobile device (fully offline)

- Usage of FFMPEG web assembly to generate the videos directly on the client device without needing backend infrastructure

- fully customized video generation with multiple reciters and background videos and ayat ranges of any surah.

- Usage of primeng UI library for a beautiful and modern interface that reacts to your device's theme (dark/light) automatically.  

- Implementation of Bootstrap 5 , tailwindcss , SCSS with Angular 16 framework to create a responsive UI.

 Technologies used 🧪




















  





























 Screenshots 🌠