Merge branch 'release/0.5.0'

.github/ISSUE_TEMPLATE/bug_report.md

@@ -16,7 +16,13 @@ labels: bug
 * then second step
 * I was expecting X but instead it shows Y
 
-Did you try to reproduce this issue at http://cdn.clappr.io/
+**Does it happen only in your streaming?**
+* If it does, please provide your streaming URL.
 
-ps: you can attach images, logs or whatever you think might be helpful.
-ps: feel free to clean this if your issue is different.
+**To consider:**
+* Did you try to reproduce this issue at http://cdn.clappr.io/?
+* Did you check if it's a CORS problem?
+
+**ps:** Please, attach images, logs or whatever you think might be helpful.
+
+**ps:** Feel free to clean this if your issue is different.

.gitignore

@@ -3,6 +3,7 @@ node_modules
 .env
 coverage
 build/
+dist/
 docs/
 src/base/jst.js
 *.cache

README.md

@@ -3,17 +3,17 @@
 <p align=center>
   <a href="https://badge.fury.io/js/%40clappr%2Fplayer"><img src="https://badge.fury.io/js/%40clappr%2Fplayer.svg"></a>
   <a href="https://bundlephobia.com/result?p=@clappr/player@latest"><img src="https://img.shields.io/bundlephobia/min/@clappr/player"></a>
-  <a href="https://travis-ci.com/clappr/clappr-player"><img src="https://travis-ci.com/clappr/clappr.svg?branch=dev"></a>
-  <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>
+  <a href="https://app.travis-ci.com/github/clappr/clappr"><img src="https://travis-ci.com/clappr/clappr.svg?branch=dev"></a>
+  <a href="https://github.com/clappr/clappr/blob/dev/LICENSE"><img src="https://img.shields.io/badge/license-BSD--3--Clause-blue.svg"></a>
   <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>
 </p>
 <br>
 
-# <div align=center><img src="https://cloud.githubusercontent.com/assets/244265/6373134/a845eb50-bce7-11e4-80f2-592ba29972ab.png" height=100px></div>
+# <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>
 
 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.
 
-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!
+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!
 
 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).
 
@@ -142,9 +142,9 @@ PS4 Browser    | ✔ | ✔ | ✘ |  ? | ![rtmp](http://flv.io/external3.png) | !
 
 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.
 
-Each browser has their own different restrictions, and the usual behavior is to activate the sound only after an user interaction with the player.
+Each browser has their own different restrictions, and the usual behavior is to activate the sound only after a user interacts with the player.
 
-For more infos about auto play video policy, you can read these docs:
+For more info about the auto play video policy, you can read these docs:
 
 - [Chrome Autoplay Policy](https://developers.google.com/web/updates/2017/09/autoplay-policy-changes)
 - [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
 ### How can I use clappr with ionic/angular?
 https://github.com/clappr/clappr/issues/933#issuecomment-228540381
 
+### How can I use clappr with Vue.js?
+https://github.com/vinayakkulkarni/v-clappr
+
 ### How can I Log messages with Clappr?
 Add this snippet before you instantiate the player `Clappr.Log.setLevel(0)`
 
 ### Common steps to verify issues
-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:
+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:
 
 * try to run the same example at [CDN](http://cdn.clappr.io)
 * check the [cors headers at your servers](https://github.com/clappr/clappr/issues/703)
@@ -218,7 +221,7 @@ var player = new Clappr.Player({
 });
 ```
 
-Note: the type of error event object depends on the type of the playback component resolved to play the video.
+Note: the type of error event object depends on the type of playback component resolved to play the video.
 
 #### Example
 This is a simple example using the `no_op` playback to display error messages.
@@ -272,7 +275,7 @@ player.attachTo(playerElement);
 ```
 
 #### Another example
-This example use a custom error container plugin to display error messages.
+This example uses a custom error container plugin to display error messages.
 
 You can try the following Javascript code on [Clappr demo page](http://clappr.io/demo/):