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.
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
- Node.js (LTS version recommended)
- npm
- Clone the repository:
git clone ssh://git@git.welink.ro:2424/project/external/lt/player.git
- Navigate to the project directory:
cd player
- Install dependencies:
npm install
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.
To build the project for production:
npm run build
To preview the production build:
npm run preview
To run the configured tests:
npm test
We use SemVer for versioning. For the versions available, see the tags on this repository.
Welink
- Vidstack for the core video player framework.
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"
}
],
"poster": "http://www.example.com/path/to/poster.jpg",
"chapters": [
{
"timestamp": 7.205,
"title": "Question"
},
{
"timestamp": 77.205,
"title": "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",
"isEmbedded": true,
"theme": "light|dark",
"background": true
}
}