jnc

jquery-network-camera

A jQuery plugin for rendering network camera feeds on an html canvas.

Showing:

Popularity

Downloads/wk

4

GitHub Stars

6

Maintenance

Last Commit

6yrs ago

Contributors

0

Package

Dependencies

1

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

JQuery Network Camera

npm version Build Status

This is a jQuery plugin that makes it possible to stream the feed from an open network camera onto an element on a web page. This plugin handles the process of loading the image in the background to prevent breaks and flickering from appearing in the output stream. The output of the video stream will be applied to an html canvas which will automatically change size to fill the selected element.

Options

Nametypedefaultdescription
urlstringnullThe url path to the streaming webcam image.
streambooleantrueIf the webcam image should be streamed live. If false, only an single image will be rendered.

Methods

.networkCamera(options)

Activates your content as a camera feed. Accepts an optional options object.

$('#myCamera').networkCamera({
    'url': "http://192.168.1.12/image.jpg"
});

.networkCamera('pause')

Stops the process of refreshing the current image stream.

$('#myCamera').networkCamera('pause');

.networkCamera('stream')

Starts the process of refreshing the current image stream.

$('#myCamera').networkCamera('stream');

.networkCamera('toggle')

Toggles the state of the camera stream on or off.

$('#myCamera').networkCamera('toggle');

Events

Event TypeDescription
pauseEvent triggered once the camera stream is paused.
streamEvent triggered once the camera stream is started.
$('#myCamera').on('pause', function () {
  // do something...
});

Bower

You can also install this package using bower.

bower install jquery-network-camera

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial