-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'master' of https://github.com/Metrakit/clappr-comment-p…
- Loading branch information
Showing
1 changed file
with
79 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,81 @@ | ||
clappr-comment-plugin | ||
Clappr Comment plugin | ||
================== | ||
|
||
A plugin for add comments and show comments on the sidebar | ||
> A plugin for add comments and show comments on the seekbar of the Clappr HTML5 player | ||
## Requirements | ||
|
||
Clappr player: https://github.com/clappr/clappr | ||
|
||
## Install | ||
|
||
### Bower | ||
|
||
``` | ||
$ bower install clappr-comment-plugin | ||
``` | ||
|
||
### Git | ||
|
||
``` | ||
$ git clone https://github.com/Metrakit/clappr-comment-plugin | ||
``` | ||
|
||
### Using the Plugin | ||
|
||
Add the comments Plugin in the Clappr configuration | ||
```javascript | ||
var player = new Clappr.Player({ | ||
... | ||
plugins: { | ||
core: [Comments] | ||
}, | ||
... | ||
``` | ||
You can also add some options : | ||
```javascript | ||
plugins: { | ||
core: [Comments] | ||
}, | ||
|
||
// Comment options | ||
videoId: 1, | ||
urlGetComments: "http://localhost/comments-video", | ||
urlAddComments: "http://localhost/submit-comment", | ||
iconComment: "fa fa-comment-o", | ||
iconFont: "FontAwesome", | ||
pointerColor: "orange", | ||
enablePicture: true, | ||
texts: { | ||
addComment: 'Add a comment at', | ||
addCommentLink: "Comment", | ||
minutes: "minutes", | ||
commentPlaceholder: "Put a comment here", | ||
sendComment: "Send" | ||
} | ||
``` | ||
### Options availables | ||
- videoId : (integer) Id of the video | ||
- urlGetComments : (string) the URL for get the comments | ||
- urlAddComments : (string) the URL for add the comments | ||
- iconComment : (string) the icon for add a comment | ||
- iconFont : (string) the font for the icons | ||
- pointerColor : the color of the cursors on the seekbar | ||
- enablePicture : (boolean) availability to add pictures in the comments | ||
- texts : multiple texts to translate | ||
## Demo | ||
http://labs.jordane.net/clappr-comment | ||
## Author | ||
- Metrakit (Jordane Jouffroy) : contact@jordane.net | ||
## Credits | ||
The Clappr Team : https://github.com/clappr/clappr/graphs/contributors |