{"id":16969524,"url":"https://github.com/codebayu/mux-data-expo-av","last_synced_at":"2026-02-23T12:03:16.053Z","repository":{"id":251455176,"uuid":"837472698","full_name":"codebayu/mux-data-expo-av","owner":"codebayu","description":"Mux analytics plugin for expo-av","archived":false,"fork":false,"pushed_at":"2024-10-31T17:24:52.000Z","size":660,"stargazers_count":1,"open_issues_count":3,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-05T22:34:17.742Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/codebayu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","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},"funding":{"github":["codebayu"]}},"created_at":"2024-08-03T04:51:50.000Z","updated_at":"2024-11-12T04:26:59.000Z","dependencies_parsed_at":"2024-08-03T06:20:31.330Z","dependency_job_id":"bc6ea447-acbf-4dd6-9a4f-7f1b46e57e1a","html_url":"https://github.com/codebayu/mux-data-expo-av","commit_stats":null,"previous_names":["codebayu/mux-data-expo-av"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codebayu%2Fmux-data-expo-av","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codebayu%2Fmux-data-expo-av/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codebayu%2Fmux-data-expo-av/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codebayu%2Fmux-data-expo-av/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codebayu","download_url":"https://codeload.github.com/codebayu/mux-data-expo-av/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248498086,"owners_count":21114035,"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":[],"created_at":"2024-10-14T00:25:33.073Z","updated_at":"2025-10-25T00:04:37.985Z","avatar_url":"https://github.com/codebayu.png","language":"TypeScript","funding_links":["https://github.com/sponsors/codebayu"],"categories":[],"sub_categories":[],"readme":"# Mux Data Integration with expo-av\n\nThis is a package for using [Mux Data](https://mux.com/data/) for video QoS monitoring with a expo-av player.\n\nIf you are using React Native CLI, check out [this package](https://github.com/muxinc/mux-stats-sdk-react-native-video)\n\nView the DemoApp/ directory to see a demo application that implements this library.\n\n## Installation\n\n```bash\n# npm\nnpm install @codebayu/mux-data-expo-av\n\n# yarn\nyarn add @codebayu/mux-data-expo-av\n```\n\n## Usage\n\n```tsx\nimport app from './package.json'; // this is your application's package.json\nimport { ResizeMode, Video } from 'expo-av'; // import Video from expo-av like you normally would\nimport { Platform } from 'react-native';\nimport muxExpoAv from '@codebayu/mux-data-expo-av';\n\n// wrap the `Video` component with Mux functionality\nconst MuxVideo = muxExpoAv(Video);\n\n// Pass the same props to `MuxVideo` that you would pass to the\n// `Video` element. All of these props will be passed through to your underlying expo-av component\n// Include a new prop for `muxOptions`\n\u003cMuxVideo\n  source={{\n    uri: 'https://bitdash-a.akamaihd.net/content/sintel/hls/playlist.m3u8',\n  }}\n  style={{ width: '100%', aspectRatio: 16 / 9 }}\n  resizeMode={ResizeMode.COVER}\n  isLooping\n  useNativeControls\n  muxOptions={{\n    application_name: app.name, // (required) the name of your application\n    application_version: app.version, // the version of your application (optional, but encouraged)\n    data: {\n      env_key: 'YOUR_ENVIRONMENT_KEY', // (required)\n      player_software_version: '5.0.2', // (optional, but encouraged) the version of expo-av that you are using\n\n      // Site Metadata\n      viewer_user_id: '12345', // ex: '12345'\n      experiment_name: 'player_test_A', // ex: 'player_test_A'\n      sub_property_id: 'cus-1', // ex: 'cus-1'\n\n      // Player Metadata\n      player_name: '', // ex: 'My Main Player'\n      player_version: '', // ex: '1.0.0'\n      player_init_time: 0, // ex: 1451606400000\n\n      // Video Metadata\n      video_id: '', // ex: 'abcd123'\n      video_title: '', // ex: 'My Great Video'\n      video_series: '', // ex: 'Weekly Great Videos'\n      video_duration: '', // in milliseconds, ex: 120000\n      video_stream_type: 'on-demand', // 'live' or 'on-demand'\n      video_cdn: '', // ex: 'Fastly', 'Akamai'\n\n      // Custom Metadata\n      custom_1: 'custom value 1',\n    },\n  }}\n/\u003e;\n```\n\n## License\n\nThis project is licensed under the [MIT License](https://opensource.org/licenses/MIT) - see the [LICENSE](LICENSE) file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodebayu%2Fmux-data-expo-av","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodebayu%2Fmux-data-expo-av","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodebayu%2Fmux-data-expo-av/lists"}