LT Player

The LT Player is a custom video player tailored for the Latest Thinking GmbH digital ecosystem, designed to enhance user engagement and provide a seamless video viewing experience. Built on the robust Vidstack framework, it supports diverse video formats and offers advanced features such as rich metadata embedding and infinite scrolling for mobile users.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

• Node.js (LTS version recommended)
• npm

Installation

1. Clone the repository:

git clone ssh://[email protected]:2424/project/external/lt/player.git

2. Navigate to the project directory:

cd player

3. Install dependencies:

npm install

Development

To start the development server:

npm run dev

This command will start a local development server and open up a browser window. Most changes are reflected live without having to restart the server.

Building

To build the project for production:

npm run build

Previewing

To preview the production build:

npm run preview

Running the Tests

To run the configured tests:

npm test

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Authors

Welink

Acknowledgments

• Vidstack for the core video player framework.

Player config

The JSON below is an example configuration that should be provided by any client who wants to initialize a LT Player:

{
    "version": 3,
    "body": {
        "title": "Video Title",
        "author": "Author Name",
        "sources": [
            {
                "src": "http://www.example.com/path/to/video.m3u8",
                "type": "application/x-mpegURL"
            },
            {
                "src": "http://www.example.com/path/to/video.mp4",
                "type": "video/mp4"
            }
        ],
        "duration": 320.37,
        "poster": "http://www.example.com/path/to/poster.jpg",
        "chapters": [
            {
                "timestamp": 7.205,
                "name": "Question"
            },
            {
                "timestamp": 77.205,
                "name": "Method"
            }
        ],
        "tracks": [
            {
                "kind": "subtitles",
                "label": "English",
                "srclang": "en",
                "src": "http://www.example.com/path/to/subtitles.vtt",
                "default": true
            },
            {
                "kind": "subtitles",
                "label": "Romanian",
                "srclang": "ro",
                "src": "http://www.example.com/path/to/romanian-subtitles.vtt"
            },
            {
                "kind": "subtitles",
                "label": "German",
                "srclang": "de",
                "src": "http://www.example.com/path/to/german-subtitles.vtt"
            }
        ],
        "share": {
            "canonicalUrl": "http://www.example.com/path/to/video",
            "embedUrl": "http://www.example.com/embed/path/to/video"
        },
        "metadata": {
            "bio": {
                "title": "Author Name",
                "description": "Author description"
            },
            "abstract": {
                "title": "Modal Title",
                "description": "Video description"
            },
            "institution": {
                "title": "Institution Name",
                "description": "Institution description"
            }
        },
        "type": "full|main|beyond|expert|short",
        "showLogo": true,
        "isEmbedded": true,
        "theme": "light|dark",
        "background": true
    }
}