jackpu / core-video-to-gif Goto Github PK

View Code? Open in Web Editor NEW

68.0 68.0 22.0 16.54 MB

A JavaScript Library To Convert Video Fragments To Gif

Home Page: http://events.jackpu.com/core-video-to-gif/

JavaScript 83.23% CSS 16.77%

core-video-to-gif's People

Contributors

Stargazers

Watchers

core-video-to-gif's Issues

gif太大

我讲quality设置为1，截5秒的gif，有4MB大，请问这是什么原因

你好,按照你的例子,发现不能正常使用

我按照你的demo的样子进行编写,发现不能正常使用
html如下:

<body>
    <div class="video-container">
        <video width="100%" controls autoplay src="./test.mp4" id="video"></video>
    </div>
    <img src="" alt="" id="screenshot">
</body>

js如下:

 $(function () {
        var video = document.querySelector('video')
        var v2g = new CoreVideoToGif({
            el: video,
            parentEl: document.querySelector('.video-container'),
            width: 640,
            height: 360,
            // workerScript: './gif.worker.js',
            onGifProcess: function () {
                console.log('onGifProcess');
            },
            onGifFinished: function () {
                console.log('onGifFinished');
            }
        })

        $(document).on('click', () => {
            console.log('click');
            const startTime = Math.floor(180 * Math.random())
            v2g.shot({
                start: startTime,
                end: startTime + 5,
            }, (image) => {
                console.log(image);
            })
        })
    })

报错信息:

引入情况:jquery和corevideotogif已经引入,希望看到回复一下,因为项目中正在使用,谢谢.

import { CoreVideoToGif } from 'core-video-to-gif' 不能直接用？

按文档例子，报错

Uncaught TypeError: Cannot read property 'classList' of undefined
my code:

//html :

<video src="./index.mp4" controls> </video>
  <div onclick="clicked()">截取</div>
  <img >

//script:

<script src="./core.js"></script>
var v2g = new CoreVideoToGif({
    // specify the video element
        el: document.querySelector('video')
    })
    var image = document.querySelector('img')
    
    function clicked() {
      console.log('clicked mi!')
      v2g.shot({
          // options,
          start: 5, // ms
          end: 8
      }, (result) => {
          console.log(result)
          image.src = result
      })
    }

jackpu / core-video-to-gif Goto Github PK

core-video-to-gif's People

Contributors

Stargazers

Watchers

Forkers

core-video-to-gif's Issues

gif太大

你好,按照你的例子,发现不能正常使用

import { CoreVideoToGif } from 'core-video-to-gif' 不能直接用？

按文档例子，报错

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent