Svelte Transcription Player screenshot

Svelte Transcription Player

Author Avatar Theme by Gstefanic
Updated: 12 Sep 2020
45 Stars

Overview

The Svelte Transcription Player is a web-based application developed as part of a diploma thesis. Its main objective is to display transcriptions of audio files and mark the current position in real-time. The application is built using the Svelte framework and provides an easy-to-use interface for fast editing of transcriptions. The goal is to create an easy-to-embed HTML component that can communicate with a backend server to fetch audio files and transcriptions.

Features:

  • Real-time display of transcriptions for audio files
  • Easy-to-use interface for fast editing of transcriptions
  • Ability to fetch audio files and transcriptions from a server
  • Customizable font size and player settings
  • Autoplay and autoscroll options for convenient playback
  • Import and export functionalities for transcriptions
  • Customizable player and transcription background colors

Installation:

To install the Svelte Transcription Player, follow these steps:

  1. Clone this repository to your local machine.
  2. Install the necessary dependencies by running the command npm install.
  3. Ensure that Node.js is installed on your machine.
  4. Start the webpack dev server by running either npm run dev or yarn dev.
  5. Alternatively, you can build the component by running the command npm run build.

Please note that when running the dev server, any changes made to the example page must be followed by rerunning the dev server to apply the changes.

Summary:

The Svelte Transcription Player is a web-based application that allows users to display and edit transcriptions for audio files in real-time. Built using the Svelte framework, it provides an easy-to-use interface and can be easily embedded into HTML pages. The application supports features such as customizable font size, autoplay, autoscroll, and import/export functionalities. Installation is straightforward, requiring only the cloning of the repository and installation of dependencies. Overall, the Svelte Transcription Player is a useful tool for handling transcriptions of audio files efficiently.