skip-button 1.0.1
Install from the command line:
Learn more about npm packages
$ npm install @srgssr/skip-button@1.0.1
Install via package.json:
"@srgssr/skip-button": "1.0.1"
About this version
A custom component that extends the pillarbox-web player allowing users to skip certain parts of the
video content, such as opening credits or end credits, by listening to
the srgssr/interval
event.
To use this component, you need the following installed on your system:
- Node.js
To get started with this component, follow these steps:
Add the @srgssr
registry to your .npmrc
file:
//npm.pkg.github.com/:_authToken=TOKEN
@srgssr:registry=https://npm.pkg.github.com
Generate an authentication token by following this guide: Authenticating with a personal access token
You can now install it through npm
the following command:
npm install --save @srgssr/pillarbox-web @srgssr/skip-button
For instructions on setting up Pillarbox, see the Quick Start guide.
Once the player is installed you can activate the button as follows:
import Pillarbox from '@srgssr/pillarbox-web';
import '@srgssr/skip-button';
const player = new Pillarbox('my-player', { SkipButton: true });
player.src({
src: 'urn:swi:video:48115940',
type: 'srgssr/urn'
});
To apply the default styling, add the following line to your CSS file:
@import "@srgssr/skip-button/dist/skip-button.min.css";
For detailed contribution guidelines, refer to the main project’s README file. Please adhere to the specified guidelines.
Start the development server:
npm run start
This will start the server on http://localhost:4200
. Open this URL in your browser to view the
demo page.
The video player (player
) and the Pillarbox library (pillarbox
) are exposed on the window
object, making it easy to access and manipulate from the browser's developer console for debugging.
The demo page supports several URL parameters that modify the behavior of the video player:
-
debug
: Set this to enable debugging mode. -
ilHost
: Specifies the host for the data provider. -
language
: Sets the language for the player interface. -
urn
: Specifies the URN of the video to load. Default isurn:rts:video:14683290
.
You can combine parameters in the URL like so:
http://localhost:4200/?language=fr&urn=urn:rts:video:14318206
This project is licensed under the MIT License. See the LICENSE file for more details.
Details
- skip-button
- SRGSSR
- 5 months ago
- MIT
- 1 dependencies
Assets
- skip-button-1.0.1.tgz
Download activity
- Total downloads 0
- Last 30 days 0
- Last week 0
- Today 0