favorite-icon-video

A small library for video manipulating in favicon.

Usage no npm install needed!

<script type="module">
  import favoriteIconVideo from 'https://cdn.skypack.dev/favorite-icon-video';
</script>

README

⏩ Favorite Icon Video

NPM version NPM downloads Build Status

A small library for video manipulating in favicon.

Installation

npm install favorite-icon-video

Demo

API

.play()

Starts tracking the video and changes the favicon.

import FaviconVideo from 'favorite-icon-video';

const favVideo = new FaviconVideo({
    video: document.querySelector('video')
});

favVideo.start();

.pause()

Stop tracking the video and changes the favicon.

import FaviconVideo from 'favorite-icon-video';

const favVideo = new FaviconVideo({
    video: document.querySelector('video')
});

// ...

favVideo.pause();

.reset()

Reset the favicon.

import FaviconVideo from 'favorite-icon-video';

const favVideo = new FaviconVideo({
    video: document.querySelector('video')
});

// ...

favVideo.reset();

.destroy()

import FaviconVideo from 'favorite-icon-video';

const favVideo = new FaviconVideo({
    video: document.querySelector('video')
});

// ...

favVideo.destroy();

Browser support

  • Chrome: ✅
  • Firefox: ✅
  • Opera: ✅
  • IE: ❌
  • Edge: ❌
  • Safari: ❌ (Safari hides favicons)

License

MIT License