{"_id":"clappr-pip-plugin","_rev":"6-59f33887c379753e8d24fd3e7003c0f2","name":"clappr-pip-plugin","description":"A plugin for clappr which adds support for picture-in-picture on devices which support it.","dist-tags":{"latest":"2.0.1"},"versions":{"1.0.0-alpha.1":{"name":"clappr-pip-plugin","version":"1.0.0-alpha.1","description":"A plugin for clappr adds support for picture in picture on devices which support it.","main":"dist/clappr-pip-plugin.js","scripts":{"build":"webpack","release":"webpack -p","watch":"webpack --watch"},"author":{"name":"Thomas Jenkinson","email":"tjcode@outlook.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/tjenkinson/clappr-pip-plugin.git"},"devDependencies":{"babel-core":"^6.7.5","babel-loader":"^6.2.4","babel-plugin-add-module-exports":"^0.2.1","babel-preset-es2015":"^6.6.0","clean-webpack-plugin":"^0.1.3","svg-inline-loader":"^0.4.1","webpack":"^1.12.1"},"gitHead":"3781209a33039c911df44ef9b615a4ef9f17624a","bugs":{"url":"https://github.com/tjenkinson/clappr-pip-plugin/issues"},"homepage":"https://github.com/tjenkinson/clappr-pip-plugin#readme","_id":"clappr-pip-plugin@1.0.0-alpha.1","_shasum":"d4643f2b520f7d4e26f2ff714a79fe2dd1ed88e3","_from":".","_npmVersion":"2.15.1","_nodeVersion":"4.4.4","_npmUser":{"name":"tjenkinson","email":"tjcode@outlook.com"},"dist":{"shasum":"d4643f2b520f7d4e26f2ff714a79fe2dd1ed88e3","tarball":"https://registry.npmjs.org/clappr-pip-plugin/-/clappr-pip-plugin-1.0.0-alpha.1.tgz","integrity":"sha512-BPdO6FyQZt9rVwgVyb3ZdSO0JBhqv7mEVWutP3lUPnDpOm7sWD5SVS6qXvprSuXq2jF0hMP6VShmApWo/7HVRw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC1nyJeZ2kbP0lCOwyEHMUdWeJ4PxzOqljGRP36zHub3gIgGoWgHOTyQFC1E9NFCbZc/R556qIqPBqLRrbcpyTBm6A="}]},"maintainers":[{"name":"tjenkinson","email":"tjcode@outlook.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/clappr-pip-plugin-1.0.0-alpha.1.tgz_1463078329940_0.12097832607105374"}},"1.0.1-0":{"name":"clappr-pip-plugin","version":"1.0.1-0","description":"A plugin for clappr which adds support for picture-in-picture on devices which support it.","main":"dist/clappr-pip-plugin.js","scripts":{"build":"webpack","release":"webpack -p","watch":"webpack --watch"},"author":{"name":"Thomas Jenkinson","email":"tjcode@outlook.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/tjenkinson/clappr-pip-plugin.git"},"devDependencies":{"babel-core":"^6.7.5","babel-loader":"^6.2.4","babel-plugin-add-module-exports":"^0.2.1","babel-preset-es2015":"^6.6.0","clean-webpack-plugin":"^0.1.3","svg-inline-loader":"^0.4.1","webpack":"^1.12.1"},"gitHead":"f7631e4e2c07b55dbb88c94c5afda4b16472f4e5","bugs":{"url":"https://github.com/tjenkinson/clappr-pip-plugin/issues"},"homepage":"https://github.com/tjenkinson/clappr-pip-plugin#readme","_id":"clappr-pip-plugin@1.0.1-0","_shasum":"3eadb6d3b6dd1837f2e7b8292e7867bc2075388e","_from":".","_npmVersion":"2.15.1","_nodeVersion":"4.4.4","_npmUser":{"name":"tjenkinson","email":"tjcode@outlook.com"},"dist":{"shasum":"3eadb6d3b6dd1837f2e7b8292e7867bc2075388e","tarball":"https://registry.npmjs.org/clappr-pip-plugin/-/clappr-pip-plugin-1.0.1-0.tgz","integrity":"sha512-PgI1bU9JdCfbsKG4utLpaFIC5jaBDKKLxjWXpjd63GhMhM4NL2FZk+c3YL90EwhjnzDzsDPL+O03gt8GKsYWiw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGsJ3ZQkYdV/C0LRG1JKLwTtqIy3BiahYdpdn5ZI5YBUAiEA+OjwiwP+feMqmh6vvmsFy5unH6s9SRUl8blVQzwUH4Y="}]},"maintainers":[{"name":"tjenkinson","email":"tjcode@outlook.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/clappr-pip-plugin-1.0.1-0.tgz_1463091543759_0.8373349115718156"}},"2.0.0":{"name":"clappr-pip-plugin","version":"2.0.0","description":"A plugin for clappr which adds support for picture-in-picture on devices which support it.","main":"dist/clappr-pip-plugin.js","scripts":{"build":"webpack","release":"webpack -p","watch":"webpack --watch"},"author":{"name":"Thomas Jenkinson","email":"tjcode@outlook.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/tjenkinson/clappr-pip-plugin.git"},"devDependencies":{"babel-core":"^6.7.5","babel-loader":"^6.2.4","babel-plugin-add-module-exports":"^0.2.1","babel-preset-es2015":"^6.6.0","clean-webpack-plugin":"^0.1.3","svg-inline-loader":"^0.4.1","webpack":"^1.12.1"},"gitHead":"c636afa06801e3af9e124a2d5565514348d618b4","bugs":{"url":"https://github.com/tjenkinson/clappr-pip-plugin/issues"},"homepage":"https://github.com/tjenkinson/clappr-pip-plugin#readme","_id":"clappr-pip-plugin@2.0.0","_shasum":"866a714611be567921022094360b50ad54cb008c","_from":".","_npmVersion":"2.15.1","_nodeVersion":"4.4.4","_npmUser":{"name":"tjenkinson","email":"tjcode@outlook.com"},"dist":{"shasum":"866a714611be567921022094360b50ad54cb008c","tarball":"https://registry.npmjs.org/clappr-pip-plugin/-/clappr-pip-plugin-2.0.0.tgz","integrity":"sha512-RyLtSZpz3az8DZfqUwmoG9H/pFywgL7xquu5ILMnR0Qx9AH0il3f1vn3fELojaNUpO++oJS/OVZbZGUhaQVicA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDdbIk7GTms5aG4qK8IRuWVPhnvf3Rr8d4geV4668nAQIgeF+4QnTJZY65MoGJbYuAAZnwYrejL6xFroEb3UldIn8="}]},"maintainers":[{"name":"tjenkinson","email":"tjcode@outlook.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/clappr-pip-plugin-2.0.0.tgz_1465841810920_0.0976809379644692"}},"2.0.1":{"name":"clappr-pip-plugin","version":"2.0.1","description":"A plugin for clappr which adds support for picture-in-picture on devices which support it.","main":"dist/clappr-pip-plugin.js","scripts":{"build":"webpack","release":"webpack -p","watch":"webpack --watch"},"author":{"name":"Thomas Jenkinson","email":"tjcode@outlook.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/tjenkinson/clappr-pip-plugin.git"},"devDependencies":{"babel-core":"^6.7.5","babel-loader":"^6.2.4","babel-plugin-add-module-exports":"^0.2.1","babel-preset-es2015":"^6.6.0","clean-webpack-plugin":"^0.1.3","svg-inline-loader":"^0.4.1","webpack":"^1.12.1"},"gitHead":"08df0baf152dca9f7dd163e4df6a71e43b1381f7","bugs":{"url":"https://github.com/tjenkinson/clappr-pip-plugin/issues"},"homepage":"https://github.com/tjenkinson/clappr-pip-plugin#readme","_id":"clappr-pip-plugin@2.0.1","_shasum":"f25f7048ac5873103b19713a2a8a66b30db5a68e","_from":".","_npmVersion":"2.15.1","_nodeVersion":"4.4.4","_npmUser":{"name":"tjenkinson","email":"tjcode@outlook.com"},"dist":{"shasum":"f25f7048ac5873103b19713a2a8a66b30db5a68e","tarball":"https://registry.npmjs.org/clappr-pip-plugin/-/clappr-pip-plugin-2.0.1.tgz","integrity":"sha512-jHbTqSeE2bd2m3UDvXHnintwVI2nI22w3bYr2/6o8WmoJbwNOlJIdmRbQihQk+XdRu4lsL2nwuTRzNSeK22kZQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDBsJ+x9etd5EiStukBdtAbORozfbKTrD+3w7aMPgtFDAiBhJVrUq5Ler4iw+h217cRoHSyU1UGRVZH3WhiH+FWCdA=="}]},"maintainers":[{"name":"tjenkinson","email":"tjcode@outlook.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/clappr-pip-plugin-2.0.1.tgz_1467922081566_0.38681800360791385"}}},"readme":"[![npm version](https://badge.fury.io/js/clappr-pip-plugin.svg)](https://badge.fury.io/js/clappr-pip-plugin)\r\n# Clappr Picture-In-Picture Plugin\r\nA plugin for clappr which adds support for picture-in-picture on devices which support it, currently iOS on some models.\r\n\r\n![Screenshot](screenshot.png)\r\n\r\n# Usage\r\nAdd both Clappr and the pip plugin scripts to your HTML:\r\n\r\n```html\r\n\r\n \r\n \r\n\r\n```\r\n\r\nYou can also find the project on npm: https://www.npmjs.com/package/clappr-pip-plugin\r\n\r\nThen just add `ClapprPIPPlugin` into the list of plugins of your player instance.\r\n\r\n```javascript\r\nvar player = new Clappr.Player({\r\n source: \"http://your.video/here.mp4\",\r\n plugins: [ClapprPIPPlugin]\r\n});\r\n```\r\nThat's it, a button will be shown on the media control to enable picture in picture on devices which support it.\r\n\r\n# Demo\r\nTo run the demo start a web server with the root directory being the root of this repo, and then browse to the \"index.html\" file in the \"demo\" folder.\r\n\r\nI am also hosting a demo at http://tjenkinson.me/clappr-pip-plugin/\r\n\r\n# Development\r\nInstall dependencies:\r\n\r\n`npm install`\r\n\r\nBuild:\r\n\r\n`npm run build`\r\n\r\nMinified version:\r\n\r\n`npm run release`\r\n","maintainers":[{"name":"tjenkinson","email":"tjcode@outlook.com"}],"time":{"modified":"2022-06-13T06:05:17.540Z","created":"2016-05-12T18:38:51.811Z","1.0.0-alpha.1":"2016-05-12T18:38:51.811Z","1.0.1-0":"2016-05-12T22:19:06.550Z","2.0.0":"2016-06-13T18:16:54.081Z","2.0.1":"2016-07-07T20:08:02.777Z"},"homepage":"https://github.com/tjenkinson/clappr-pip-plugin#readme","repository":{"type":"git","url":"git+https://github.com/tjenkinson/clappr-pip-plugin.git"},"author":{"name":"Thomas Jenkinson","email":"tjcode@outlook.com"},"bugs":{"url":"https://github.com/tjenkinson/clappr-pip-plugin/issues"},"license":"MIT","readmeFilename":"README.md"}