{"_id":"@c3voc/player","_rev":"2-27223d674f3bbad2865edd992ba6e1bd","name":"@c3voc/player","dist-tags":{"latest":"1.2.0"},"versions":{"1.1.0":{"name":"@c3voc/player","version":"1.1.0","description":"C3VOC HTML5 player component","homepage":"https://github.com/voc/voc-player","browserslist":["defaults"],"dependencies":{"@c3voc/clappr-audio-track-selector":"^0.2.4","@c3voc/clappr-level-selector":"^0.2.1","@c3voc/dash-shaka-playback":"^2.3.4","clappr":"^0.3.12"},"main":"dist/player.js","devDependencies":{"@babel/core":"^7.10.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.10.1","@babel/preset-env":"^7.10.2","@babel/register":"^7.10.1","ava":"^3.8.2","babel-loader":"^8.1.0","clean-webpack-plugin":"^3.0.0","css-loader":"^3.5.3","html-loader":"^1.1.0","html-webpack-plugin":"^4.3.0","less":"^3.11.3","less-loader":"^5.0.0","node-sass":"^4.14.1","sass-loader":"^8.0.2","style-loader":"^1.2.1","webpack":"^4.43.0","webpack-cli":"^3.3.11"},"scripts":{"test":"ava","dev":"webpack --mode development --watch","build":"webpack --mode production"},"ava":{"compileEnhancements":false,"extensions":["js"],"files":["src/test/**/*.js"],"require":["esm"]},"repository":{"type":"git","url":"git+https://github.com/voc/voc-player.git"},"license":"MIT","gitHead":"c27a2b719c524985c29bd17ed67e8dc7d4a138bd","bugs":{"url":"https://github.com/voc/voc-player/issues"},"_id":"@c3voc/player@1.1.0","_nodeVersion":"14.15.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-bMPE5Ax+58RrT6q6su7uLPurcbtoj8uCmOqtdEdJYqkrKq6i1nucMI2B5Mm7HKVlyy29UJDJqDhxjcQeQQas7w==","shasum":"d62bf69b8b5f8b308f244de662211431fade441e","tarball":"https://registry.npmjs.org/@c3voc/player/-/player-1.1.0.tgz","fileCount":10,"unpackedSize":8676628,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf42y+CRA9TVsSAnZWagAA3e0QAKCVWA3h2Dw4NQHrTbqN\nRfBF/nphnxbaPIiSMRD26NHSbyF++1S8r5ZJyWzC4OPXmu+kCRwBVtXmTvIS\nFqDHVhIkiegS6FBaWMF3enZZQCW/zMMcrIxvOOieEaEdUBzt+jnetBPuinzV\nQBiwu/Ym6jzWoZvwKA8qzF4whGNXxVEykWniRweImbOGT2w84FTtPhABN9jU\nV/1Y25i6j1hd1t58xP0IcqFg1/N3jj+2RivhIvPyNepC4tA7AnWoRQq2oMMG\nChfWfLuo2a5CYRnkilcUo/hIlHtYBMbK3oqfu8CNQoyAsJnhkKxCFMGSyH1c\nSiQcLjb7GFv4NnOvO0vHOBvbUmlzmhL9g77LEhS8Uvfc23LtQZ9hOE6WId8W\nr6bmFrh6/eKwOwlun1Ugcye0mM2PTd6U+XomjLik0o2dwNfCLGbUkJTAuY1E\ndqTTynkr/mOYLLo+b+2j4gLnxGv+S2A05qMeW9T61hcTZgq1AMTJRhzH1yme\nULLLOOIAQvg8wLeBgaBgG8g3xqnE4T/geGMD6arEAtSwB/lkOwAL9eg+UG00\n8gL6CJX91LFX8475NiSLNoSOR6e/NlOIdv1Fv7UEr2ARPo3P4iyGFGyEABqT\nVgludflZrHWHkYrQlD+iTKiQXk9RXpcBihRqkDoKDT7hsjDz1wZqAArI3Cx/\n+dlV\r\n=Nb95\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGU9/DjF5pZtQCVZSQI/O6b+ys4j802U3vMyygfRP/WkAiAidkdwpmE4stgk95+gyCbF6AToZ4y5zskO2hExM4RieQ=="}]},"_npmUser":{"name":"ischluff","email":"ischluff@mailbox.org"},"directories":{},"maintainers":[{"name":"ischluff","email":"ischluff@mailbox.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/player_1.1.0_1608740029654_0.36698277581573957"},"_hasShrinkwrap":false},"1.2.0":{"name":"@c3voc/player","version":"1.2.0","description":"C3VOC HTML5 player component","homepage":"https://github.com/voc/voc-player","browserslist":["defaults"],"dependencies":{"@c3voc/clappr-audio-track-selector":"^0.2.4","@c3voc/clappr-level-selector":"^0.2.1","@c3voc/dash-shaka-playback":"^2.3.4","clappr":"^0.3.13"},"main":"dist/player.js","devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/register":"^7.12.10","ava":"^3.14.0","babel-loader":"^8.2.2","clean-webpack-plugin":"^3.0.0","css-loader":"^3.6.0","html-loader":"^1.3.2","html-webpack-plugin":"^4.5.0","less":"^3.13.1","less-loader":"^5.0.0","node-sass":"^4.14.1","sass-loader":"^8.0.2","style-loader":"^1.3.0","webpack":"^4.44.2","webpack-cli":"^3.3.12"},"scripts":{"test":"ava","dev":"webpack --mode development --watch","build":"webpack --mode production"},"ava":{"compileEnhancements":false,"extensions":["js"],"files":["src/test/**/*.js"],"require":["esm"]},"repository":{"type":"git","url":"git+https://github.com/voc/voc-player.git"},"license":"MIT","gitHead":"b4e8dad8955085e3586df01ca130d21709761a07","bugs":{"url":"https://github.com/voc/voc-player/issues"},"_id":"@c3voc/player@1.2.0","_nodeVersion":"14.15.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-ecJ8ljR+j4eTHWOuV+eac/Lj4e0qXWr0qc+OL0vIa52BjRg3cXhXsedBWUCJf4MCp6cYZeNmZ3MGl9hgUGkaXA==","shasum":"ac887e86301a98d717ad39a8f26f3d4e3c6a883d","tarball":"https://registry.npmjs.org/@c3voc/player/-/player-1.2.0.tgz","fileCount":10,"unpackedSize":8387976,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7FtsCRA9TVsSAnZWagAA/hIP/RuUhX4riIaHRNfIkZGX\njWxSBJ5ZlbYfbtFI4TkU2Nq8gMH5UtH2oBOMiDuxfsJCsQjdLK9mZOF34Kaa\nROHN2gQ3oWps49PkwaZ9ylrxbRUSSCoptb1BI3UuwPMkAVGgIZHb4K7iw0Ml\naP+yyHtA2GVut3U2nlDcDtrIN476LfrEMINF6+Vzozn55MAWtXJPXDZJletS\nHJEk5t7Ro5b0HW/ygB7JppiJfIRqoKV3xM+o9nOfZ71WBXkhKNXa97p0fC+A\nVcdgIngHqVhUK++n08ePz+6yAFThAm5cl7IsUizzUyeaOIH9VkM240MoB+m2\n5IkuAHs49sbiSQj6F+pgkJ+HRSEK+GsmcT4i3ijzVHifs9DdGNajn4YnXwKA\n5MpfW8832b4TkCzAzQbjFcVz758WZxxvjq23Yb2yvR6Qj3BYZvdUQyiGxDZ1\nEgOeC9hTHR1myfdzh+GzJETxgnrBriO7gHYnXAWPx9OKuAwE59kjLd0scsEI\nmaewboa19jwJw+CG10nrqz+pMLFkdYhSOt22YgJTEtHlIF24dx9SnWkd1JCn\n5o2OD4MCRAJ7BiJv4AlPGI/GhSnkVdWJ3ZrRzOCAMP+w6v+W1C0o7f0X+nys\nq5MIGc7hcoVBtRWnt52NdLQfjyCZgzE6D3FiBnOyFFHkIs5W6c8rp18f3kgU\n0WVE\r\n=uckt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIETxy/UXGtjsUgWyh4e3T+MXWHvMdAjMhPN28i2lu3kfAiB3b2OYEDuIsbtid/dUU1bgbP9pKKw3CSssvX3vp/ECXA=="}]},"_npmUser":{"name":"ischluff","email":"ischluff@mailbox.org"},"directories":{},"maintainers":[{"name":"ischluff","email":"ischluff@mailbox.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/player_1.2.0_1609325419888_0.43236772925043176"},"_hasShrinkwrap":false}},"time":{"created":"2020-12-23T16:13:49.442Z","1.1.0":"2020-12-23T16:13:49.878Z","modified":"2022-04-04T21:25:18.752Z","1.2.0":"2020-12-30T10:50:20.075Z"},"maintainers":[{"name":"ischluff","email":"ischluff@mailbox.org"}],"description":"C3VOC HTML5 player component","homepage":"https://github.com/voc/voc-player","repository":{"type":"git","url":"git+https://github.com/voc/voc-player.git"},"bugs":{"url":"https://github.com/voc/voc-player/issues"},"license":"MIT","readme":"# voc-player\nC3VOC HTML5-Webplayer based on [clappr](https://github.com/clappr/clappr). Can be used to embed C3VOC streams into your own webpages.\n\n## Usage\nYou can embed the player using a variety of methods. We support the following configurations:\n  - iFrame: Easiest but also least configurable option\n  - Static Javascript: Allows you to pass custom parameters to the Clappr player\n  - CommonJS: Allows you to bundle the player as a library with your own web application\n\nContinue reading for detailed descriptions of each method.\n\n### With an IFrame-Embed\nThis is the easiest method, but not very flexible and not recommended for more than one embed per page.\n\nCopy the embed folder to your webpage and embed the player as follows:\n```html\n...\n<div class=\"playerWrap\">\n  <iframe class=\"player\" src=\"embed/index.html?stream=mystream\" frameborder=\"0\" allowfullscreen></iframe>\n</div>\n...\n```\n\nWe recommend to use a like CSS the following, to keep the player iframe at a constant 16:9 aspect ratio:\n```css\n.playerWrap{\n  position: relative;\n  padding-bottom: 56.25%;\n}\n.player {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n```\n\n#### Query Parameters\n##### stream\nC3VOC stream name\n\n#### Example\nYou can take a look at <examples/iframe/index.html> for a working example.\n\n### With static js\n```html\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>Document</title>\n</head>\n<body>\n  <div id=\"player\"></div>\n</body>\n<script src=\"player.js\"></script>\n<script>\n  // expose Clappr to load additional plugins\n  window.Clappr = window.VOCPlayer\n</script>\n<script src=\"myplugin.js\"></script>\n<script>\n  new VOCPlayer.Player({\n    // C3VOC specific options\n    vocStream: \"mystream\",\n\n    // Standard clappr.io Options\n    parentId: \"#player\",\n    plugins: [MyPlugin],\n    MyPlugin: {\n      ...\n    }\n  });\n</script>\n</html>\n```\n\nWe recommend the following CSS for correct 16:9 player ratio:\n```css\n#player > [data-player] {\n  padding-bottom: 56.25%;\n  height: auto !important;\n}\n#player > .fullscreen[data-player] {\n  padding-bottom: 0;\n  height: 100% !important;\n}\n```\n\nYou can take a look at <examples/iframe/index.html> for a working example.\n\n### Using CommonJS (Coming soon)\nInstall the player\n```bash\nnpm install --save voc-player\n```\n\nAnd import it into your js/ts\n```\nimport {Player} from \"voc-player\";\nPlayer({\n  // C3VOC specific options\n  vocStream: \"mystream\",\n\n  // Standard clappr.io Options\n  parentId: \"#player\",\n  plugins: [MyPlugin],\n  MyPlugin: {\n    ...\n  }\n});\n```\n\n\n## Configuration\nThe voc-player extends the Clappr configuration with custom options and includes some additional plugins per default.\nYou can override all of those options, however doing so may break the player unexpectedly.\n\n### voc-player custom options\n#### Stream sources\nAdd ```vocStream: \"$stream\"``` to play a C3VOC livestream with name $stream.\n\nYou can query <https://streaming.media.ccc.de/streams/v2.json> to find out which stream name a conference room may be using.\n\n#### Lecture sources\nAdd ```vocLecture: \"$slug\"``` to play a lecture from media.ccc.de with the slug $slug.\n\n### standard clappr options\n\nA list of possible Clappr configuration options is available under <https://github.com/clappr/clappr/blob/dev/doc/BUILTIN_PLUGINS.md>.\n\n## Build\nInstall dependencies\n```\nnpm ci\n```\n\nFor a dev build\n```bash\nnpm run dev\n```\n\nFor a production build\n```bash\nnpm run build\n```\n","readmeFilename":"README.md"}