A plugin for add comments and show comments on the seekbar of the Clappr HTML5 player
Clappr player: https://github.com/clappr/clappr
$ bower install clappr-comment-plugin
$ git clone https://github.com/Metrakit/clappr-comment-plugin
https://cdn.jsdelivr.net/clappr.comment/latest/comments.min.js
Add both Clappr and Comments plugin scripts to your HTML:
<head><scripttype="text/javascript" src="http://cdn.clappr.io/latest/clappr.min.js"></script><scripttype="text/javascript" src="dist/comments.min.js"></script><!-- OR jsDelivr CDN --><scripttype="text/javascript" src="https://cdn.jsdelivr.net/clappr.comment/latest/comments.min.js"></script></head>Add the comments Plugin in the Clappr configuration
varplayer=newClappr.Player({
...
plugins: {core: [Comments]},
...You can also add some options :
plugins: {core: [Comments]},// Comment optionsvideoId: 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"}- 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
http://labs.jordane.net/clappr-comment
- Metrakit (Jordane Jouffroy) : contact@jordane.net
The Clappr Team : https://github.com/clappr/clappr/graphs/contributors