@kkcompany/player 2.9.22 → 2.9.333

package/CHANGELOG.md

@@ -2,13 +2,6 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
-### [2.9.22](https://gitlab.kkinternal.com/playback/web-playcraft/compare/v2.9.20...v2.9.22) (2025-10-14)
-
-
-### Bug Fixes
-
-* set preferredKeySystems before loading new source ([7ba983c](https://gitlab.kkinternal.com/playback/web-playcraft/commit/7ba983cc924161b5a9eb2f669d3d510a79e0ea10))
-
 ### [2.9.20](https://gitlab.kkinternal.com/playback/web-playcraft/compare/v2.9.19...v2.9.20) (2025-09-10)
 
 

package/README.md

@@ -199,6 +199,22 @@ To play content protection endabled videos, you should specify license server UR
 ]
 ```
 
+**Extranal text track / subtitles**
+
+To add external text track, specify another source object with `type: 'text/vtt'`:
+
+```js
+;[
+  {
+    type: 'dash',
+    src: 'https://storage.googleapis.com/shaka-demo-assets/bbb-dark-truths/dash.mpd',
+  },
+  {
+    type: 'text/vtt',
+    src: 'https://storage.googleapis.com/shaka-demo-assets/bbb-dark-truths/text_ex.vtt',
+  }
+```
+
 #### Props for Player Options
 
 **`shaka`**
@@ -942,22 +958,38 @@ const MyApp = () => {
 
 For plain JS integration, sender integration & mini control UI comes with player UI automatically, just specify `castReceiverAppId` and it will handle the rest, including initialization of Google Cast sender SDK.
 
-#### `<CastSender>`
+#### React integration
 
-For React integration, enable Cast by adding `<CastSender>` to your app.
+For React integration, enable Cast by adding `initSender` and `<CastSender>` to your app.
 
 `<PremiumPlayer>` have a Cast button, which will display automatically when Google Cast sender is initialized and there's some available receiver ready for connection.
 
 ```js
-import {CastSender} from 'playcraft/react'
+import {CastSessionControl} from 'playcraft/react'
 
-<CastSender
-  appId="XXXXXX"
-  intl={{locale: 'ja'}}
-/>
+useEffect(() => {
+  initSender({appId: "XXXXXX"});
+},[])
+
+<CastSessionControl intl={{locale: 'ja'}} />
+```
+
+To add `customData` for your own custom logic, use `cast.customData` prop of `<PremiumPlayer>`:
+
+```js
+<PremiumPlayer cast={{
+  contentId: '1',
+  customData: {
+    host: 'https://example.com',
+    accessToken: '1234567890',
+    customHeader: {},
+    customQuery: {},
+  },
+  onChange: handleCastChange,
+}}>
 ```
 
-To add `customData` for your own custom logic, use `onCast` handler of `<PremiumPlayer>`:
+You may also handle Cast connection state change with `cast.onChange`.
 
 ```js
 <PremiumPlayer onCast={async request => {