@n.see/gif-player-vue-next
TypeScript icon, indicating that this package has built-in type declarations

1.1.0 • Public • Published

gif-player

安装

npm install @n.see/gif-player-vue-next --save

使用

template
<div class="gif-img">
    <gif-player
        src="/src/assets/03.gif"
        width="400"
        height="auto"
        @ready="handleReady"
        @state-update="handleStateUpdate"
        @frame-update="handleFrameUpdate"
    />
</div>
<div class="gif-img">
    <gif-player
        src="/src/assets/01.gif"
        width="400"
        height="auto"
    />
</div>
script
import { defineExpose } from 'vue';
import GifPlayer from '@n.see/gif-player-vue-next';
import { Parser, FrameData } from '@n.see/gif-parser';

const handleReady = (parser: Parser) => {
    console.log('parser', parser);
};

const handleStateUpdate = (state: { isPlay: boolean}) => {
    console.log('handleStateUpdate', state.isPlay);
}

const handleFrameUpdate = (item: FrameData, index: number) => {
    console.log('handleFrameUpdate', item, index);
}

defineExpose({
    handleReady,
    handleStateUpdate,
    handleFrameUpdate
});

Package Sidebar

Install

npm i @n.see/gif-player-vue-next

Weekly Downloads

0

Version

1.1.0

License

ISC

Unpacked Size

4.96 kB

Total Files

5

Last publish

Collaborators

  • n.see