clappr-analytics-plugin
Advanced tools
A plugin for clappr which will get all user events. Event handlers can be used to handle and verify user input, user actions, and browser actions:
Many different methods can be used to let JavaScript work with events:
Add both Clappr and the Analytics plugin scripts to your HTML:
HTML
<head>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/clappr@0.3/dist/clappr.min.js"></script>
<script type="text/javascript" src="../dist/clappr-analytics-plugin.js"></script>
</head>
Then just add ClapprAnalyticsPlugin into the list of plugins of your player instance, and the options for the plugin go in the analyticsdata property as shown below.
Javascript
var player = new Clappr.Player({
source: "https://tjenkinson.me/clappr-thumbnails-plugin/assets/video.mp4",
parentId: "#player",
plugins: {
container: [ClapprAnalyticsPlugin]
},
analyticsdata: {
socketbaseurl: 'https://clappranalytics.herokuapp.com/', // add your backend url
channelname: "events", // get channelname from backend and add here
offlinedatachannelname: "offlineevents" // get offlineevents from backend and add here
}
});
Note: Setup Flask with socket.io and connect through websocket. do not use transport long-polling method use websocket
Backend
@socketio.on("offlineevents") // "offlineevents" channel name in frontend
def handle_offlinedata(messages):
return messages
@socketio.on("events") // "events" channel name in frontend
def handle_Channel1(message):
return message
To run the demo start a web server with the root directory being the root of this repo, and then browse to the "index.html" file in the "demo" folder.
npm install
npm run build
npm run release
FAQs
"A plugin for clappr which will get all user events"
We found that clappr-analytics-plugin demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
OpenAI rotated macOS signing certificates after a malicious Axios package reached its CI pipeline in a broader software supply chain attack.
Security News
Open source is under attack because of how much value it creates. It has been the foundation of every major software innovation for the last three decades. This is not the time to walk away from it.
Security News
Socket CEO Feross Aboukhadijeh breaks down how North Korea hijacked Axios and what it means for the future of software supply chain security.