@halibegic/react-video-player 0.0.30 → 0.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/README.md +21 -0
  2. package/dist/components/player/ui/player-controls.styles.d.ts +16 -36
  3. package/dist/components/player/ui/player-notice.styles.d.ts +6 -13
  4. package/dist/components/player/ui/player-progress.styles.d.ts +8 -15
  5. package/dist/components/player/ui/player-remaining-time.styles.d.ts +6 -13
  6. package/dist/react-video-player.es.js +1571 -2016
  7. package/dist/react-video-player.es.js.map +1 -1
  8. package/dist/react-video-player.umd.js +10 -21
  9. package/dist/react-video-player.umd.js.map +1 -1
  10. package/dist/style.css +1 -0
  11. package/package.json +3 -7
package/dist/style.css ADDED
@@ -0,0 +1 @@
1
+ ._playerNotice_wol1k_1{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:#000}._playerNoticeTitle_wol1k_16{margin:0;padding:.5rem 0;font-size:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500}._playerNoticeText_wol1k_25{margin:0;height:1.25rem;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500}._video_14rmx_1{position:relative;width:100%;height:100%}@media (min-width: 768px){._video_14rmx_1{pointer-events:none}}._toggleButton_m3he7_1{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;cursor:default;align-items:center;justify-content:center;outline:none;background:none;border:none;padding:0}._toggleButton_m3he7_1:focus{outline:none}._button_e9zrb_1{margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0;line-height:1;font-size:.8125rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;cursor:pointer;color:#fff;background:none;border:none;border-radius:1rem;transition:color .2s ease-in-out;-webkit-tap-highlight-color:transparent}._button_e9zrb_1 svg{width:1.25rem;height:1.25rem;flex-shrink:0;pointer-events:none}._button_e9zrb_1:hover,._button_e9zrb_1:focus{color:#fffc}._button_e9zrb_1:focus{outline:none}._button_e9zrb_1:disabled{opacity:.5;cursor:not-allowed}._buttonCircle_e9zrb_43{padding:0;width:2rem;height:2rem}._liveIndicator_1k5fh_1{width:.4rem;height:.4rem;border-radius:.2rem;transition:background .2s ease}._liveIndicatorHasDelay_1k5fh_8{background:gray}._liveIndicatorNoDelay_1k5fh_12{background:red}._progressSlider_hwzgf_1{position:relative;width:100%;margin-bottom:-.25rem}._tipContainer_hwzgf_7{position:absolute;bottom:1.5rem;left:0;z-index:10;pointer-events:none;user-select:none;transition:opacity .2s ease-in-out,transform .2s ease-in-out}._tipContainerVisible_hwzgf_17{opacity:1;transform:translateY(0)}._tipContainerHidden_hwzgf_22{opacity:0;transform:translateY(-.5rem)}._tipContent_hwzgf_27{margin:0;padding:.25rem .5rem;font-variant-numeric:tabular-nums;font-size:.8125rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;text-align:center;color:#000;background:#fff;border-radius:1rem}._sliderRoot_aeak6_1{position:relative;display:flex;align-items:center;width:100%;height:1rem;touch-action:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}._sliderRoot_aeak6_1[data-disabled]{cursor:not-allowed;opacity:.5}._sliderTrack_aeak6_18{position:relative;height:.25rem;flex-grow:1;background:#fff3;border-radius:1rem;overflow:hidden;-webkit-tap-highlight-color:transparent}._sliderRange_aeak6_28{position:absolute;height:100%;background:#f7e406;transition:width .2s ease-in-out;border-radius:1rem;-webkit-tap-highlight-color:transparent}._sliderThumb_aeak6_37{display:block;width:.875rem;height:.875rem;cursor:pointer;background:#fff;transition:all .2s ease-in-out;box-shadow:0 .125rem .25rem #0003;border-radius:50%;-webkit-tap-highlight-color:transparent}._sliderThumb_aeak6_37:hover{box-shadow:0 .25rem .5rem #0006}._sliderThumb_aeak6_37:focus{outline:none;box-shadow:0 0 0 .125rem #f7e40680}._sliderThumb_aeak6_37[data-disabled]{cursor:not-allowed;opacity:.5}._playerContainer_rry4k_1{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;background:#000;overflow:hidden}._topControls_rry4k_12{position:absolute;left:0;width:100%;top:0;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent);padding-top:.5rem;padding-bottom:1rem}@media (min-width: 768px){._topControls_rry4k_12{padding-bottom:2rem}}._controlsBottom_rry4k_29{position:absolute;left:0;width:100%;bottom:0;z-index:10;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);padding-top:1rem}@media (min-width: 768px){._controlsBottom_rry4k_29{padding-top:2rem}}._controlsContainer_rry4k_45{display:flex;flex-direction:column;padding-left:.5rem;padding-right:.5rem;line-height:1;font-size:0}@media (min-width: 768px){._controlsContainer_rry4k_45{padding-left:1rem;padding-right:1rem}}._controlsRow_rry4k_61{display:flex;padding:.5rem 0;width:100%;align-items:center}._controlsSection_rry4k_68{display:flex;flex:1;align-items:center;gap:.5rem}._controlsSectionStart_rry4k_75{justify-content:flex-start}._controlsSectionEnd_rry4k_79{justify-content:flex-end}._idleCheckContainer_iz9tu_1{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .2s ease-in-out}._idleCheckContainerIdle_iz9tu_10{cursor:none;opacity:0}._idleCheckContainerActive_iz9tu_15{cursor:auto;opacity:1}@keyframes _spin_oo4hi_10{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._spinner_oo4hi_10{width:1.5rem;height:1.5rem;border:2px solid white;border-bottom-color:transparent;border-radius:50%;animation:_spin_oo4hi_10 1s linear infinite}._loadingContainer_v9v7r_1{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center}._dropdownMenuContent_1gwy6_1{padding:.25rem;min-width:8rem;max-height:8rem;overflow-y:auto;border-radius:.75rem;background:#000c;animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity;z-index:1000}@media (min-width: 768px){._dropdownMenuContent_1gwy6_1{max-height:12rem}}._dropdownMenuContent_1gwy6_1[data-state=open][data-side=top]{animation-name:_slideDownAndFade_1gwy6_1}._dropdownMenuContent_1gwy6_1[data-state=open][data-side=right]{animation-name:_slideLeftAndFade_1gwy6_1}._dropdownMenuContent_1gwy6_1[data-state=open][data-side=bottom]{animation-name:_slideUpAndFade_1gwy6_1}._dropdownMenuContent_1gwy6_1[data-state=open][data-side=left]{animation-name:_slideRightAndFade_1gwy6_1}@keyframes _slideUpAndFade_1gwy6_1{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes _slideRightAndFade_1gwy6_1{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes _slideDownAndFade_1gwy6_1{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes _slideLeftAndFade_1gwy6_1{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}._dropdownMenuItem_1gwy6_80{position:relative;display:flex;align-items:center;justify-content:space-between;padding:.5rem;cursor:pointer;font-size:.8125rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;line-height:1;user-select:none;outline:none;color:#fff;border-radius:.5rem;transition:color .2s ease;-webkit-tap-highlight-color:transparent}._dropdownMenuItem_1gwy6_80 svg{width:1rem;height:1rem;flex-shrink:0;pointer-events:none}._dropdownMenuItem_1gwy6_80:hover,._dropdownMenuItem_1gwy6_80:focus{color:#fffc}._dropdownMenuItem_1gwy6_80:focus{outline:none}._dropdownMenuItem_1gwy6_80[data-disabled]{color:#ffffff80;pointer-events:none}._volumeSlider_59ltz_1{width:0;opacity:0;transition:all .2s ease-in-out}._volumeContainer_59ltz_7{display:flex;align-items:center;gap:.25rem;width:3rem;transition:all .2s ease-in-out}@media (min-width: 768px){._volumeContainer_59ltz_7:hover{width:6rem}._volumeContainer_59ltz_7:hover ._volumeSlider_59ltz_1{width:100%;opacity:1}}._remainingTime_1c40f_1{display:flex;gap:.5rem;align-items:center}._time_1c40f_7{margin:0;padding:0;font-variant-numeric:tabular-nums;font-size:.8125rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;user-select:none}._separator_1c40f_18{margin:0;padding:0;font-size:.8125rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500}._separator_1c40f_18:before{content:"/"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@halibegic/react-video-player",
3
3
  "description": "A React video player library with HLS support for VOD and Live streaming",
4
- "version": "0.0.30",
4
+ "version": "0.0.32",
5
5
  "license": "MIT",
6
6
  "keywords": [
7
7
  "react",
@@ -31,7 +31,8 @@
31
31
  "types": "./dist/index.d.ts",
32
32
  "import": "./dist/react-video-player.es.js",
33
33
  "require": "./dist/react-video-player.umd.js"
34
- }
34
+ },
35
+ "./style.css": "./dist/style.css"
35
36
  },
36
37
  "files": [
37
38
  "dist",
@@ -51,19 +52,14 @@
51
52
  "react-dom": "^18.2.0"
52
53
  },
53
54
  "dependencies": {
54
- "@emotion/react": "^11.14.0",
55
- "@emotion/styled": "^11.14.1",
56
55
  "@radix-ui/react-dropdown-menu": "^2.1.16",
57
56
  "@radix-ui/react-slider": "^1.3.6",
58
- "date-fns": "^4.1.0",
59
- "date-fns-tz": "^3.2.0",
60
57
  "hls.js": "^1.6.15",
61
58
  "mitt": "^3.0.1",
62
59
  "promise-polyfill": "8.3.0",
63
60
  "zustand": "^5.0.8"
64
61
  },
65
62
  "devDependencies": {
66
- "@emotion/babel-plugin": "^11.13.5",
67
63
  "@eslint/js": "^9.39.1",
68
64
  "@types/hls.js": "^1.0.0",
69
65
  "@types/node": "^24.10.0",