{"_id":"@amityco/video-player-react-native","_rev":"7-69324f290bba1b0abdc4ebab6c7deef4","name":"@amityco/video-player-react-native","dist-tags":{"latest":"2.0.0"},"versions":{"1.0.0":{"name":"@amityco/video-player-react-native","version":"1.0.0","_id":"@amityco/video-player-react-native@1.0.0","maintainers":[{"name":"pakkawat","email":"pakkawat@amity.co"},{"name":"touchaponk","email":"touchaponk@gmail.com"},{"name":"ekoapp","email":"developers@amity.co"}],"dist":{"shasum":"85b58a3f2c3226a100a2b9c622083f937aa963b1","tarball":"https://registry.npmjs.org/@amityco/video-player-react-native/-/video-player-react-native-1.0.0.tgz","fileCount":79,"integrity":"sha512-uqdX359letSrcKT5PrL3I/FsdVI3RDgkSYmDmEbbEq//T1WqC8CEUjO6u7FNOvHIk/2aXm6YA+BznYeDv9QfHg==","signatures":[{"sig":"MEUCIBELJghx7kSYgBmnO7Qff2csSzIMKi8h5sJWnfNMQv3fAiEAkyNtS95djOgoWQ/wEXYIHnU34pT8BO1AZNfchTwGjnE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":135423},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"index.ts","engines":{"node":">=18"},"gitHead":"1440bffb57c4af2fb8c3382dbce311517f7675d2","private":false,"scripts":{"ios":"react-native run-ios","lint":"eslint .","test":"jest","build":"bob build","start":"react-native start","android":"react-native run-android","lint:fix":"eslint . --fix"},"_npmUser":{"name":"ekoapp","email":"developers@amity.co"},"_npmVersion":"10.7.0","description":"A react native components used to play livestream and playback video","directories":{},"_nodeVersion":"20.14.0","dependencies":{"uuid":"^9.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.6.3","react":"18.2.0","eslint":"^8.19.0","prettier":"2.8.8","babel-jest":"^29.6.3","typescript":"5.0.4","@babel/core":"^7.20.0","@types/uuid":"^9.0.8","@types/react":"^18.2.6","react-native":"0.74.1","@babel/runtime":"^7.20.0","@babel/preset-env":"^7.20.0","react-native-video":"^6.1.2","react-test-renderer":"18.2.0","react-native-rsa-native":"^2.0.5","react-native-builder-bob":"^0.23.2","@types/react-native-video":"^5.0.20","@react-native/babel-preset":"0.74.83","@react-native/metro-config":"0.74.83","@types/react-test-renderer":"^18.0.0","@react-native/eslint-config":"0.74.83","@react-native/gradle-plugin":"^0.74.83","@amityco/ts-sdk-react-native":"^6.25.1","react-native-vlc-media-player":"^1.0.67","react-native-get-random-values":"^1.11.0","@react-native-community/netinfo":"^11.3.2","@react-native/typescript-config":"0.74.83","@react-native-async-storage/async-storage":"^1.23.1","@react-native-community/cli-platform-android":"^13.6.6"},"peerDependencies":{"react":"*","react-native":"*","react-native-video":"*","@amityco/ts-sdk-react-native":"^6.25.0","react-native-vlc-media-player":"*","react-native-get-random-values":"^1.11.0"},"_npmOperationalInternal":{"tmp":"tmp/video-player-react-native_1.0.0_1718255796336_0.9912684843862498","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs","module","typescript"]}},"1.1.0":{"name":"@amityco/video-player-react-native","version":"1.1.0","_id":"@amityco/video-player-react-native@1.1.0","maintainers":[{"name":"ekoapp","email":"developers@amity.co"},{"name":"touchaponk","email":"touchaponk@gmail.com"},{"name":"pakkawat","email":"pakkawat@amity.co"}],"dist":{"shasum":"a8c7a221caa2c92c6f572b001756ff6f31ce988f","tarball":"https://registry.npmjs.org/@amityco/video-player-react-native/-/video-player-react-native-1.1.0.tgz","fileCount":79,"integrity":"sha512-Ls6Qw7eqVoYVrFg4qFlHJzDuW1K4ZMtMaVgp3jYByEZ5/kcxvDTsmfPICqDK01AQ4mz5vwnrDHpUP1COrwgh9g==","signatures":[{"sig":"MEUCIHqRmUcOh0nTeitTpzLHZyTvPZK9/yMFC+S55b+rRHMhAiEAsa1PpT58A1VCeC6PkQbjaYg7DF6UbfDN98Okfsddz04=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":135460},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"index.ts","engines":{"node":">=18"},"gitHead":"78e3328b0d4fe9254d66b46ee2ecea009cc92dfd","private":false,"scripts":{"ios":"react-native run-ios","lint":"eslint .","test":"jest","build":"bob build","start":"react-native start","android":"react-native run-android","lint:fix":"eslint . --fix"},"_npmUser":{"name":"ekoapp","email":"developers@amity.co"},"_npmVersion":"10.8.2","description":"A react native components used to play livestream and playback video","directories":{},"_nodeVersion":"20.19.0","dependencies":{"uuid":"^9.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.6.3","react":"18.2.0","eslint":"^8.19.0","prettier":"2.8.8","babel-jest":"^29.6.3","typescript":"5.0.4","@babel/core":"^7.20.0","@types/uuid":"^9.0.8","@types/react":"^18.2.6","react-native":"0.74.1","@babel/runtime":"^7.20.0","@babel/preset-env":"^7.20.0","react-native-video":"^6.1.2","react-test-renderer":"18.2.0","@rnx-kit/metro-config":"^2.0.1","react-native-rsa-native":"^2.0.5","react-native-builder-bob":"^0.23.2","@types/react-native-video":"^5.0.20","@react-native/babel-preset":"0.74.83","@react-native/metro-config":"0.74.83","@types/react-test-renderer":"^18.0.0","@react-native/eslint-config":"0.74.83","@react-native/gradle-plugin":"^0.74.83","@amityco/ts-sdk-react-native":"^7.1.0","react-native-vlc-media-player":"^1.0.67","react-native-get-random-values":"^1.11.0","@react-native-community/netinfo":"^11.3.2","@react-native/typescript-config":"0.74.83","@react-native-async-storage/async-storage":"^1.23.1","@react-native-community/cli-platform-android":"^13.6.6"},"peerDependencies":{"react":"*","react-native":"*","react-native-video":"*","@amityco/ts-sdk-react-native":"^7.1.0","react-native-vlc-media-player":"*","react-native-get-random-values":"^1.11.0"},"_npmOperationalInternal":{"tmp":"tmp/video-player-react-native_1.1.0_1744371605576_0.7089138013133458","host":"s3://npm-registry-packages-npm-production"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs","module","typescript"]}},"1.2.0":{"name":"@amityco/video-player-react-native","version":"1.2.0","_id":"@amityco/video-player-react-native@1.2.0","maintainers":[{"name":"ekoapp","email":"developers@amity.co"},{"name":"touchaponk","email":"touchaponk@gmail.com"},{"name":"pakkawat","email":"pakkawat@amity.co"}],"dist":{"shasum":"0cd8e51356cb3f253588f75b0c8e2868e3cb4345","tarball":"https://registry.npmjs.org/@amityco/video-player-react-native/-/video-player-react-native-1.2.0.tgz","fileCount":84,"integrity":"sha512-/+BE2n8wkLz7wM3qKsfKqzf7eiqzW3hNOX8avDx41M6yhoou9xqRkJ8NAufA9MQGjrFJ1J/gjhLzo7jbiLiTxA==","signatures":[{"sig":"MEQCIAnjAkLeSJkCKPKE4rsfA5mPGsKf0uDta96lRmnPnSOOAiAdYjnJ48S/m+a/k3tasD1nHR4DgeTQH8Dp/3Dh9tG4jg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":138014},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"index.ts","engines":{"node":">=18"},"gitHead":"6506554228b78b1e4d2eaa85904e902f5edbaa9d","private":false,"scripts":{"ios":"react-native run-ios","lint":"eslint .","test":"jest","build":"bob build","start":"react-native start","android":"react-native run-android","lint:fix":"eslint . --fix"},"_npmUser":{"name":"ekoapp","email":"developers@amity.co"},"_npmVersion":"10.8.2","description":"A react native components used to play livestream and playback video","directories":{},"_nodeVersion":"20.19.1","dependencies":{"uuid":"^9.0.1","react-native-video-controls":"^2.8.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.6.3","react":"18.2.0","eslint":"^8.19.0","prettier":"2.8.8","babel-jest":"^29.6.3","typescript":"5.0.4","@babel/core":"^7.20.0","@types/uuid":"^9.0.8","@types/react":"^18.2.6","react-native":"0.74.1","@babel/runtime":"^7.20.0","@babel/preset-env":"^7.20.0","react-native-video":"^6.1.2","react-test-renderer":"18.2.0","@rnx-kit/metro-config":"^2.0.1","react-native-rsa-native":"^2.0.5","react-native-builder-bob":"^0.23.2","@types/react-native-video":"^5.0.20","@react-native/babel-preset":"0.74.83","@react-native/metro-config":"0.74.83","@types/react-test-renderer":"^18.0.0","@react-native/eslint-config":"0.74.83","@react-native/gradle-plugin":"^0.74.83","@amityco/ts-sdk-react-native":"^7.1.0","react-native-vlc-media-player":"^1.0.67","react-native-get-random-values":"^1.11.0","@react-native-community/netinfo":"^11.3.2","@react-native/typescript-config":"0.74.83","@react-native-async-storage/async-storage":"^1.23.1","@react-native-community/cli-platform-android":"^13.6.6"},"peerDependencies":{"react":"*","react-native":"*","react-native-video":"*","react-native-rsa-native":"^2.0.5","@amityco/ts-sdk-react-native":"^7.1.0","react-native-vlc-media-player":"*","react-native-get-random-values":"^1.11.0"},"_npmOperationalInternal":{"tmp":"tmp/video-player-react-native_1.2.0_1748336860174_0.7230325950649781","host":"s3://npm-registry-packages-npm-production"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs","module","typescript"]}},"2.0.0":{"name":"@amityco/video-player-react-native","version":"2.0.0","_id":"@amityco/video-player-react-native@2.0.0","maintainers":[{"name":"ekoapp","email":"developers@amity.co"},{"name":"touchaponk","email":"touchaponk@gmail.com"},{"name":"pakkawat","email":"pakkawat@amity.co"}],"dist":{"shasum":"17e44889e2bf330a509f090b0074c34040bebd2f","tarball":"https://registry.npmjs.org/@amityco/video-player-react-native/-/video-player-react-native-2.0.0.tgz","fileCount":84,"integrity":"sha512-gv4rDChGV5f8ZW8gF33aTW7FhsYmdEHSaUV5bDFZdwtb1qtiX6+6YFRstVjivI4Omr7ve0lJps8x9Zf8KRTssQ==","signatures":[{"sig":"MEUCIQC/7ryEOT6yQeaaDy9ZJi6bJIwsCXWNowkzd7wJ290mBAIgTTtfy8hTCWiUVV42GpmV70fIKX4oa/PtZDRMAWiHe0c=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":138779},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"index.ts","engines":{"node":">=18"},"gitHead":"16ecd91ede394cde68c3e8443f3978365edc4d7e","private":false,"scripts":{"ios":"react-native run-ios","lint":"eslint .","test":"jest","build":"bob build","start":"react-native start","android":"react-native run-android","lint:fix":"eslint . --fix"},"_npmUser":{"name":"ekoapp","email":"developers@amity.co"},"_npmVersion":"10.8.2","description":"A react native components used to play livestream and playback video","directories":{},"_nodeVersion":"20.19.5","dependencies":{"uuid":"^9.0.1","react-native-video-controls":"^2.8.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.6.3","react":"^18.3.1","eslint":"^8.19.0","prettier":"2.8.8","babel-jest":"^29.6.3","typescript":"5.0.4","@babel/core":"^7.25.2","@types/uuid":"^9.0.8","@types/react":"^18.2.6","react-native":"0.76.9","@babel/runtime":"^7.25.0","@babel/preset-env":"^7.25.3","react-native-video":"^6.1.2","react-test-renderer":"18.3.1","@rnx-kit/metro-config":"^2.0.1","react-native-rsa-native":"^2.0.5","react-native-builder-bob":"^0.23.2","@types/react-native-video":"^5.0.20","@react-native/babel-preset":"0.76.9","@react-native/metro-config":"0.76.9","@types/react-test-renderer":"^18.0.0","@react-native-community/cli":"15.0.1","@react-native/eslint-config":"0.76.9","@react-native/gradle-plugin":"0.76.9","@amityco/ts-sdk-react-native":"^7.9.2","react-native-vlc-media-player":"^1.0.67","react-native-get-random-values":"^1.11.0","@react-native-community/netinfo":"^11.3.2","@react-native/typescript-config":"0.76.9","@react-native-community/cli-platform-ios":"15.0.1","@react-native-async-storage/async-storage":"2.2.0","@react-native-community/cli-platform-android":"15.0.1"},"peerDependencies":{"react":"*","react-native":"*","react-native-video":"*","react-native-rsa-native":"^2.0.5","@amityco/ts-sdk-react-native":"^7.9.2","react-native-vlc-media-player":"*","react-native-get-random-values":"^1.11.0"},"_npmOperationalInternal":{"tmp":"tmp/video-player-react-native_2.0.0_1758876014286_0.810651081650194","host":"s3://npm-registry-packages-npm-production"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs","module","typescript"]}}},"time":{"created":"2024-06-13T05:16:36.263Z","modified":"2026-02-11T13:13:05.830Z","1.0.0":"2024-06-13T05:16:36.478Z","1.1.0":"2025-04-11T11:40:05.793Z","1.2.0":"2025-05-27T09:07:40.338Z","2.0.0":"2025-09-26T08:40:14.466Z"},"description":"A react native components used to play livestream and playback video","maintainers":[{"email":"developers@amity.co","name":"ekoapp"},{"email":"touchaponk@gmail.com","name":"touchaponk"},{"email":"pakkawat@amity.co","name":"pakkawat"},{"email":"platform@social.plus","name":"platform-butler"},{"email":"phongnarin@social.plus","name":"phongnarin-anan"},{"email":"pasut@social.plus","name":"pasut"}],"readme":"# Amity Livesteram Player\n\nA react native components used to play livestream and playback video\n\n## Getting start\n\nTo use the player, install these peer dependencies including typescript SDK for react native app.\n\n```sh\nyarn add \\\n@amityco/ts-sdk-react-native \\\nreact-native-video \\\nreact-native-vlc-media-player \\\nreact-native-get-random-values \\\n```\n\n## Additional Configuration\n\n### IOS\n\n```sh\ncd ios && pod-install\n```\n\n### Android\n\nIn android/build.gradle, add kotlinVersion above 1.7.0 and compileSdkVersion above 34 in buildscript > ext\n![image](https://github.com/AmityCo/Amity-Social-UIKit-React-Native-CLI-OpenSource/assets/33589608/37f5a5a8-2c2c-4354-897f-1dbf77c9d2e9)\n\n## Usage\n\n1. Initialize AmityVideoPlayer using `setupAmityVideoPlayer` after login.\n\n```js\nimport {Client} from '@amityco/ts-sdk-react-native';\nimport {setupAmityVideoPlayer} from '@amityco/video-player-react-native';\n\nconst response = await Client.login(loginParam, sessionHandler);\nsetupAmityVideoPlayer();\n```\n\n2. Import `AmityStreamPlayer` and pass Amity stream object as stream prop. To get Amity.Stream object, please use `StreamRepository.getStreamById()`\n\n```js\nimport {AmityStreamPlayer} from '@amityco/video-player-react-native';\nimport {useRef} from 'react';\n\nconst Component = () => {\n  const ref = useRef();\n\n  // You can implement your own media control and use ref to pause and play the livestream\n  const onStopPlayer = () => {\n    ref.current && ref.current.pause();\n  };\n\n  const onStartPlayer = () => {\n    ref.current && ref.current.play();\n  };\n\n  return (\n    <View>\n      {/* Pass Amity.Stream object as stream prop to AmtiyStreamPlayer */}\n      <AmityStreamPlayer stream={livestream} ref={ref} />\n      {/* You can add your media control compoent here. Since for the live video, AmitStreamPlayer does not provide the media control */}\n      <ControlComponent />\n    </View>\n  );\n};\n\nexport default Components;\n```\n","readmeFilename":"README.md"}