bitmovin-player-ui - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

dist/js/framework/components/seekbarlabel.d.ts

@@ -9,3 +9,3 @@ import { Container, ContainerConfig } from './container';
 /**
- * A label for a {@link SeekBar} that can display the seek target time and a thumbnail.
+ * A label for a {@link SeekBar} that can display the seek target time, a thumbnail, and title (e.g. chapter title).
  */
@@ -12,0 +12,0 @@ export declare class SeekBarLabel extends Container<SeekBarLabelConfig> {

dist/js/framework/components/seekbarlabel.js

@@ -12,3 +12,3 @@ "use strict";
 /**
- * A label for a {@link SeekBar} that can display the seek target time and a thumbnail.
+ * A label for a {@link SeekBar} that can display the seek target time, a thumbnail, and title (e.g. chapter title).
  */
@@ -48,12 +48,13 @@ var SeekBarLabel = (function (_super) {
             else {
-                var time = 0;
+                var percentage = 0;
                 if (args.marker) {
-                    time = args.marker.time;
+                    percentage = args.marker.time;
                     self.setTitleText(args.marker.title);
                 }
                 else {
-                    time = args.position;
+                    percentage = args.position;
                     self.setTitleText(null);
                 }
-                self.setTime(player.getDuration() * (time / 100));
+                var time = player.getDuration() * (percentage / 100);
+                self.setTime(time);
                 self.setThumbnail(player.getThumb(time));
@@ -60,0 +61,0 @@ }

package.json

 {
   "name": "bitmovin-player-ui",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Bitmovin Player UI Framework",
@@ -5,0 +5,0 @@ "main": "dist/js/bitmovinplayer-ui.js",

README.md

@@ -1,2 +0,2 @@
-# Bitmovin Player UI
+# Bitmovin Player UI [![npm version](https://badge.fury.io/js/bitmovin-player-ui.svg)](https://badge.fury.io/js/bitmovin-player-ui)
 The Bitmovin Adaptive Streaming Player UI
@@ -6,4 +6,23 @@
 
-## Getting Started
+## Installation
 
+Beside the Git repository, the UI framework is also available through the following distribution channels:
+
+### CDN
+
+The UI framework and default skin bundled with the latest player release are always available via CDN. This is the recommended way if you just want to work with the predefined UI components.
+
+ * JavaScript library: `//bitmovin-a.akamaihd.net/bitmovin-player/stable/7/bitmovinplayer-ui.js` 
+ * CSS default skin: `//bitmovin-a.akamaihd.net/bitmovin-player/stable/7/bitmovinplayer-ui.css`
+
+### NPM
+
+The UI framework is also available in the NPM repository and comes with all source and distributable files, JavaScript modules and TypeScript type definitions.
+
+ * `npm install bitmovin-player-ui`
+
+
+## Getting Started with Development
+
+ 0. Clone Git repository
  1. Install node.js
@@ -10,0 +29,0 @@ 2. Install Gulp: `npm install --global gulp-cli`

src/ts/components/seekbarlabel.ts

@@ -15,3 +15,3 @@ import {Container, ContainerConfig} from './container';
 /**
- * A label for a {@link SeekBar} that can display the seek target time and a thumbnail.
+ * A label for a {@link SeekBar} that can display the seek target time, a thumbnail, and title (e.g. chapter title).
  */
@@ -58,11 +58,12 @@ export class SeekBarLabel extends Container<SeekBarLabelConfig> {
       } else {
-        let time = 0;
+        let percentage = 0;
         if (args.marker) {
-          time = args.marker.time;
+          percentage = args.marker.time;
           self.setTitleText(args.marker.title);
         } else {
-          time = args.position;
+          percentage = args.position;
           self.setTitleText(null);
         }
-        self.setTime(player.getDuration() * (time / 100));
+        let time = player.getDuration() * (percentage / 100);
+        self.setTime(time);
         self.setThumbnail(player.getThumb(time));
@@ -69,0 +70,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2441195

increased by0.06%

Lines of code

24899

increased by0.01%

Number of lines in readme file

196

increased by10.73%

No dependency changes