@clappr/player 0.4.7 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -3,17 +3,17 @@
3
3
  <p align=center>
4
4
  <a href="https://badge.fury.io/js/%40clappr%2Fplayer"><img src="https://badge.fury.io/js/%40clappr%2Fplayer.svg"></a>
5
5
  <a href="https://bundlephobia.com/result?p=@clappr/player@latest"><img src="https://img.shields.io/bundlephobia/min/@clappr/player"></a>
6
- <a href="https://travis-ci.com/clappr/clappr-player"><img src="https://travis-ci.com/clappr/clappr.svg?branch=dev"></a>
7
- <a href="https://github.com/clappr/clappr-player/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-BSD--3--Clause-blue.svg"></a>
6
+ <a href="https://app.travis-ci.com/github/clappr/clappr"><img src="https://travis-ci.com/clappr/clappr.svg?branch=dev"></a>
7
+ <a href="https://github.com/clappr/clappr/blob/dev/LICENSE"><img src="https://img.shields.io/badge/license-BSD--3--Clause-blue.svg"></a>
8
8
  <a href="https://www.jsdelivr.com/package/npm/@clappr/player"><img alt="jsDelivr hits (npm scoped)" src="https://img.shields.io/jsdelivr/npm/hm/@clappr/player?color=orange"></a>
9
9
  </p>
10
10
  <br>
11
11
 
12
- # <div align=center><img src="https://cloud.githubusercontent.com/assets/244265/6373134/a845eb50-bce7-11e4-80f2-592ba29972ab.png" height=100px></div>
12
+ # <div align=center><a href="http://clappr.io"><img src="https://cloud.githubusercontent.com/assets/244265/6373134/a845eb50-bce7-11e4-80f2-592ba29972ab.png" height=100px></a></div>
13
13
 
14
14
  Clappr is an extensible media player for the web. Your architecture is projected primarily into plugins, adding low accoupling by design to the project and the possibility to add infinitely features easily.
15
15
 
16
- Clappr uses by default the [HTMLVideoElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLVideoElement) which guarantees support to many platforms. You have the possibility to extends the default HTML5 playback or the playback interface to create one new media support just like a plugin!
16
+ Clappr uses [HTMLVideoElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLVideoElement) by default, which guarantees support to many platforms. You have the possibility to extend the default HTML5 playback or the playback interface to create a new media support, just like a plugin!
17
17
 
18
18
  Clappr is a composition of two other projects: [@clappr/core](https://github.com/clappr/clappr-core) and [@clappr/plugins](https://github.com/clappr/clappr-plugins).
19
19
 
@@ -142,9 +142,9 @@ PS4 Browser | ✔ | ✔ | ✘ | ? | ![rtmp](http://flv.io/external3.png) | !
142
142
 
143
143
  Therefore, we're not able to execute play and unmute actions sequentially in every situation. There are a series of scenarios where the Browser blocks these actions based on it’s own policy.
144
144
 
145
- Each browser has their own different restrictions, and the usual behavior is to activate the sound only after an user interaction with the player.
145
+ Each browser has their own different restrictions, and the usual behavior is to activate the sound only after a user interacts with the player.
146
146
 
147
- For more infos about auto play video policy, you can read these docs:
147
+ For more info about the auto play video policy, you can read these docs:
148
148
 
149
149
  - [Chrome Autoplay Policy](https://developers.google.com/web/updates/2017/09/autoplay-policy-changes)
150
150
  - [WebKit Autoplay Policy](https://webkit.org/blog/7734/auto-play-policy-changes-for-macos/)
@@ -180,11 +180,14 @@ https://medium.com/@bikegriffith/using-clappr-with-reactjs-14a338e3451f#.9a36w0d
180
180
  ### How can I use clappr with ionic/angular?
181
181
  https://github.com/clappr/clappr/issues/933#issuecomment-228540381
182
182
 
183
+ ### How can I use clappr with Vue.js?
184
+ https://github.com/vinayakkulkarni/v-clappr
185
+
183
186
  ### How can I Log messages with Clappr?
184
187
  Add this snippet before you instantiate the player `Clappr.Log.setLevel(0)`
185
188
 
186
189
  ### Common steps to verify issues
187
- Very often people open issues related to stream **not working, freezing, glitching, stopping, and so on**. You can try the steps below, taking notes about the results:
190
+ Very often people open issues related to stream **not working, freezing, glitching, stopping, and so on**. You can try these steps below, taking notes about the results:
188
191
 
189
192
  * try to run the same example at [CDN](http://cdn.clappr.io)
190
193
  * check the [cors headers at your servers](https://github.com/clappr/clappr/issues/703)
@@ -218,7 +221,7 @@ var player = new Clappr.Player({
218
221
  });
219
222
  ```
220
223
 
221
- Note: the type of error event object depends on the type of the playback component resolved to play the video.
224
+ Note: the type of error event object depends on the type of playback component resolved to play the video.
222
225
 
223
226
  #### Example
224
227
  This is a simple example using the `no_op` playback to display error messages.
@@ -272,7 +275,7 @@ player.attachTo(playerElement);
272
275
  ```
273
276
 
274
277
  #### Another example
275
- This example use a custom error container plugin to display error messages.
278
+ This example uses a custom error container plugin to display error messages.
276
279
 
277
280
  You can try the following Javascript code on [Clappr demo page](http://clappr.io/demo/):
278
281