A component to diff image or video with Vue.js

by Vue.js Examples

vue-media-diff

A component to diff image or video with Vue.js Edit Add topics.

Installation

npm install vue-media-diff -s

Usage

import MediaDiff from './Component.vue';

  export default {
    name: 'app',
    data() {
      return {
        origin: "src/assets/origin.jpg",
        diff: "src/assets/diff.jpg"
      }
    },
    components: {
      MediaDiff
    },
  }

<MediaDiff :origin="origin"
           :diff="diff"
           style="width: 540px; height: 400px">
</MediaDiff>

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

GitHub