vue-video-metrics
Vue Video Metrics
VueVideoMetrics is a HTML5 Video abstraction to get simple video metrics
Installation
Use the package manager yarn or npm to install vue-video-metrics.
yarn add vue-video-metrics
or
npm install vue-video-metrics
Usage
<template>
<video-metrics
:src="require('@/assets/video.mp4')"
@onDestroyed="handleDestroy"
@onEnded="handleEnded"
@onPlay="onPlay"
/>
</template>
<script>
import VideoMetrics from "vue-video-metrics";
export default {
components: { VideoMetrics },
methods: {
onPlay(metrics) {
console.log(metrics);
},
handleDestroy(metrics) {
console.log(metrics);
},
handleEnded(metrics) {
console.log(metrics);
},
},
};
</script>
Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.
License
Dependencies
@babel/core: ^7.14.6@babel/preset-env: ^7.14.7@rollup/plugin-alias: ^3.1.2@rollup/plugin-babel: ^5.3.0@rollup/plugin-commonjs: ^14.0.0@rollup/plugin-node-resolve: ^9.0.0@rollup/plugin-replace: ^2.4.2@vue/cli-plugin-babel: ^4.5.13@vue/cli-service: ^4.5.13cross-env: ^7.0.3minimist: ^1.2.5rimraf: ^3.0.2rollup: ^2.52.8rollup-plugin-terser: ^7.0.2rollup-plugin-vue: ^5.1.9vue: ^2.6.14vue-template-compiler: ^2.6.14