{"id":16842205,"url":"https://github.com/gunthercox/jquery-network-camera","last_synced_at":"2025-03-22T05:31:06.335Z","repository":{"id":34632581,"uuid":"38582943","full_name":"gunthercox/jquery-network-camera","owner":"gunthercox","description":"A jQuery plugin for rendering network camera feeds on an html canvas.","archived":false,"fork":false,"pushed_at":"2024-08-01T12:18:15.000Z","size":23,"stargazers_count":6,"open_issues_count":0,"forks_count":8,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-18T08:22:22.245Z","etag":null,"topics":["camera-feed","html-canvas","jquery-plugin"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gunthercox.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2015-07-05T20:31:40.000Z","updated_at":"2024-08-01T12:18:19.000Z","dependencies_parsed_at":"2024-10-28T12:25:30.497Z","dependency_job_id":"8215ed39-0399-45b3-90d5-a1b7caa278a9","html_url":"https://github.com/gunthercox/jquery-network-camera","commit_stats":{"total_commits":9,"total_committers":1,"mean_commits":9.0,"dds":0.0,"last_synced_commit":"ab8d4464df619e81d61cc4428647593e1a2d20da"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gunthercox%2Fjquery-network-camera","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gunthercox%2Fjquery-network-camera/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gunthercox%2Fjquery-network-camera/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gunthercox%2Fjquery-network-camera/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gunthercox","download_url":"https://codeload.github.com/gunthercox/jquery-network-camera/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244912800,"owners_count":20530764,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["camera-feed","html-canvas","jquery-plugin"],"created_at":"2024-10-13T12:44:48.590Z","updated_at":"2025-03-22T05:31:02.725Z","avatar_url":"https://github.com/gunthercox.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# JQuery Network Camera\n\n[![npm version](https://badge.fury.io/js/jquery-network-camera.svg)](https://www.npmjs.com/package/jquery-network-camera)\n[![Build Status](https://travis-ci.org/gunthercox/jquery-network-camera.svg)](https://travis-ci.org/gunthercox/jquery-network-camera)\n\nThis 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.\n\n### Options\n\n| Name | type | default | description |\n|------|------|---------|-------------|\n| url  | string | null | The url path to the streaming webcam image. |\n| stream | boolean | true | If the webcam image should be streamed live. If false, only an single image will be rendered. |\n\n### Methods\n\n#### `.networkCamera(options)`\n\nActivates your content as a camera feed. Accepts an optional options `object`.\n\n```javascript\n$('#myCamera').networkCamera({\n    'url': \"http://192.168.1.12/image.jpg\"\n});\n```\n\n#### `.networkCamera('pause')`\n\nStops the process of refreshing the current image stream.\n\n```javascript\n$('#myCamera').networkCamera('pause');\n```\n\n#### `.networkCamera('stream')`\n\nStarts the process of refreshing the current image stream.\n\n```javascript\n$('#myCamera').networkCamera('stream');\n```\n\n#### `.networkCamera('toggle')`\n\nToggles the state of the camera stream on or off.\n\n```javascript\n$('#myCamera').networkCamera('toggle');\n```\n\n### Events\n|  Event Type  |  Description  |\n|--------------|---------------|\n|     pause    | Event triggered once the camera stream is paused. |\n|    stream    | Event triggered once the camera stream is started. |\n\n```javascript\n$('#myCamera').on('pause', function () {\n  // do something...\n});\n```\n\n## Bower\n\nYou can also install this package using [bower](http://bower.io/).\n\n```\nbower install jquery-network-camera\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgunthercox%2Fjquery-network-camera","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgunthercox%2Fjquery-network-camera","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgunthercox%2Fjquery-network-camera/lists"}