imgplay-jQuery plug-in for canvas-based image sequence playback

<div id="imageplayer" class="imageplayer">
    <img src="img/1.jpg" />
    <img src="img/2.jpg" />
    <img src="img/3.jpg" />
    <img src="img/4.jpg" />
    <img src="img/5.jpg" />
    <img data-src="img/6.jpg" />
    <img data-src="img/7.jpg" />
    <img data-src="img/8.jpg" />
</div>

Initialization plug-in

After the page DOM element is loaded, the image playback plug-in can be initialized through the imgplay() method.

$(document).ready(function(){
   $('#imageplayer').imgplay();
});

Configuration parameters

The image player plug-in has 3 configuration parameters:

• ##name: the name of the image player, the default is: "imgplay ".

• #rate: The frequency of picture playback. The larger the value, the faster it will be played. The maximum value is 100 and the minimum value is 0.001.

• controls: Whether to display control buttons.