@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 +12 -9
- package/dist/clappr.js +28601 -24289
- package/dist/clappr.js.map +1 -1
- package/dist/clappr.min.js +362 -73
- package/dist/clappr.min.js.map +1 -1
- package/dist/clappr.plainhtml5.js +2359 -3117
- package/dist/clappr.plainhtml5.js.map +1 -1
- package/dist/clappr.plainhtml5.min.js +1 -1
- package/dist/clappr.plainhtml5.min.js.map +1 -1
- package/package.json +20 -5
- package/LICENSE +0 -25
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
|
|
7
|
-
<a href="https://github.com/clappr/clappr
|
|
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
|
|
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 | ✔ | ✔ | ✘ | ? |  | !
|
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|