{"id":13880814,"url":"https://github.com/jim-junior/reactjs-media","last_synced_at":"2025-07-29T13:18:23.586Z","repository":{"id":40613602,"uuid":"329286454","full_name":"jim-junior/reactjs-media","owner":"jim-junior","description":"Interactive media in React.","archived":false,"fork":false,"pushed_at":"2025-02-28T21:14:00.000Z","size":7512,"stargazers_count":23,"open_issues_count":13,"forks_count":10,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-03T21:44:08.875Z","etag":null,"topics":["audio","javascript","media","player","react","reactjs","reactjs-media","video"],"latest_commit_sha":null,"homepage":"https://orbiton.js.org/open-ug/reactjs-media/intro/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jim-junior.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.MD","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":null,"patreon":"jimjunior","open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2021-01-13T11:28:14.000Z","updated_at":"2025-02-28T21:12:16.000Z","dependencies_parsed_at":"2024-05-05T14:26:26.720Z","dependency_job_id":"8d823924-2aa1-4871-aa05-0082e8ffd1fa","html_url":"https://github.com/jim-junior/reactjs-media","commit_stats":{"total_commits":82,"total_committers":5,"mean_commits":16.4,"dds":0.6097560975609756,"last_synced_commit":"ff84fb936d2ecda2276539a9f8ab14e7ed479420"},"previous_names":[],"tags_count":33,"template":false,"template_full_name":null,"purl":"pkg:github/jim-junior/reactjs-media","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jim-junior%2Freactjs-media","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jim-junior%2Freactjs-media/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jim-junior%2Freactjs-media/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jim-junior%2Freactjs-media/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jim-junior","download_url":"https://codeload.github.com/jim-junior/reactjs-media/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jim-junior%2Freactjs-media/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267694087,"owners_count":24129139,"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","status":"online","status_checked_at":"2025-07-29T02:00:12.549Z","response_time":2574,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["audio","javascript","media","player","react","reactjs","reactjs-media","video"],"created_at":"2024-08-06T08:03:30.613Z","updated_at":"2025-07-29T13:18:23.537Z","avatar_url":"https://github.com/jim-junior.png","language":"TypeScript","funding_links":["https://patreon.com/jimjunior"],"categories":["TypeScript"],"sub_categories":[],"readme":"# Reactjs Media\n\n##### \u003cdiv align=\"center\"\u003e [![License: MIT](https://flat.badgen.net/npm/license/reactjs-media)](https://opensource.org/licenses/MIT) [![Npm package total downloads](https://flat.badgen.net/npm/dt/reactjs-media)](https://npmjs.com/package/reactjs-media) [![version](https://flat.badgen.net/npm/v/reactjs-media)](https://npmjs.com/package/reactjs-media) [![](https://flat.badgen.net/badge/icon/github?icon=github\u0026label\u0026color=black)](https://github.com/jim-junior/reactjs-media) \u003c/div\u003e\n\nInteractive media in React. This library is a collection of media components that can be used to display media on the web.\n\nTry it out on [CodeSandbox](https://codesandbox.io/p/sandbox/reactjs-media-c5x795)\n\nIt includes currently only has a video and audio component.\n\nAvailable components:\n\n- Video\n- Audio\n\n#### Installation\n\nTo install go to your terminal and run this script\n\n```bash\n# npm\n$ npm install reactjs-media\n# yarn\n$ yarn add reactjs-media\n```\n\n#### Setup\n\nIn here we shall show a small demo on how to setup a simple video component. We shall create the default component.\n\n\n```jsx\nimport React from 'react';\nimport { Video } from 'reactjs-media';\n\nconst App = () =\u003e {\n    return (\n        \u003cdiv\u003e\n            \u003cVideo\n                src='https://www.example.com/myvideo.mp4'\n                poster='/poster.png'\n            /\u003e\n        \u003c/div\u003e\n    )\n}\n\n\n\n```\n\nIf you want to learn more, Checkout the offical [Documentation](https://open.cranom.tech/reactjs-media/intro \"Documentation\")\n\n___\n\nThe source code can be found on [Github](https://github.com/jim-junior/reactjs-media).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjim-junior%2Freactjs-media","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjim-junior%2Freactjs-media","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjim-junior%2Freactjs-media/lists"}