react-native-theoplayer 2.10.0 → 2.11.0

package/CHANGELOG.md

@@ -2,9 +2,25 @@
 
 All notable changes to this project will be documented in this file.
 
-The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
+The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.1.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [2.11.0] - 23-08-10
+
+### Added
+
+- Added DAI support through iOS Native pipeline, using new THEOplayerGoogleIMAIntegration functionality
+- Added `TextTrackStyle` API for iOS and Android.
+
+### Fixed
+
+- Fixed an issue on Android where the player would sometimes crash when requesting the current active video track.
+
+### Changed
+
+- Switched to 'displayIconUri' in sourceDescription.metadata as primary field for artwork selection in NowplayingInfo/MediaSession, 'poster' in sourceDescription is now the fallback.
+- Removed the play/pause icon in the PiP window on Android while playing an ad.
+
 ## [2.10.0] - 23-07-25
 
 ### Fixed

package/README.md

@@ -55,14 +55,15 @@ React Native works to speed up the way of working with THEOplayer React Native S
 The `react-native-theoplayer` package can be combined with any number of connectors to provide extra
 functionality. Currently, the following connectors are available:
 
-| Package name                                                                                                     | Purpose                             | Registry                                                                                                                                                      |
-|------------------------------------------------------------------------------------------------------------------|-------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| [`@theoplayer/react-native-analytics-adobe`](https://github.com/THEOplayer/react-native-theoplayer-analytics)    | Adobe analytics connector           | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-analytics-adobe)](https://www.npmjs.com/package/@theoplayer/react-native-analytics-adobe)       |
-| [`@theoplayer/react-native-analytics-comscore`](https://github.com/THEOplayer/react-native-theoplayer-analytics) | Comscore analytics connector        | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-analytics-comscore)](https://www.npmjs.com/package/@theoplayer/react-native-analytics-comscore) |
-| [`@theoplayer/react-native-analytics-conviva`](https://github.com/THEOplayer/react-native-theoplayer-analytics)  | Conviva analytics connector         | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-analytics-conviva)](https://www.npmjs.com/package/@theoplayer/react-native-analytics-conviva)   |
-| [`@theoplayer/react-native-analytics-nielsen`](https://github.com/THEOplayer/react-native-theoplayer-analytics)  | Nielsen analytics connector         | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-analytics-nielsen)](https://www.npmjs.com/package/@theoplayer/react-native-analytics-nielsen)   |
-| [`@theoplayer/react-native-drm`](https://github.com/THEOplayer/react-native-theoplayer-drm)                      | Content protection (DRM) connectors | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-drm)](https://www.npmjs.com/package/@theoplayer/react-native-drm)                               |
-| [`@theoplayer/react-native-ui`](https://github.com/THEOplayer/react-native-theoplayer-ui)                        | React Native user interface         | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-ui)](https://www.npmjs.com/package/@theoplayer/react-native-ui)                                 |
+| Package name                                                                                                              | Purpose                                              | Registry                                                                                                                                                      |
+|---------------------------------------------------------------------------------------------------------------------------|------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| [`@theoplayer/react-native-analytics-adobe`](https://github.com/THEOplayer/react-native-theoplayer-analytics)             | Adobe analytics connector                            | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-analytics-adobe)](https://www.npmjs.com/package/@theoplayer/react-native-analytics-adobe)       |
+| [`@theoplayer/react-native-analytics-comscore`](https://github.com/THEOplayer/react-native-theoplayer-analytics)          | Comscore analytics connector                         | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-analytics-comscore)](https://www.npmjs.com/package/@theoplayer/react-native-analytics-comscore) |
+| [`@theoplayer/react-native-analytics-conviva`](https://github.com/THEOplayer/react-native-theoplayer-analytics)           | Conviva analytics connector                          | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-analytics-conviva)](https://www.npmjs.com/package/@theoplayer/react-native-analytics-conviva)   |
+| [`@theoplayer/react-native-analytics-nielsen`](https://github.com/THEOplayer/react-native-theoplayer-analytics)           | Nielsen analytics connector                          | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-analytics-nielsen)](https://www.npmjs.com/package/@theoplayer/react-native-analytics-nielsen)   |
+| [`@theoplayer/react-native-drm`](https://github.com/THEOplayer/react-native-theoplayer-drm)                               | Content protection (DRM) connectors                  | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-drm)](https://www.npmjs.com/package/@theoplayer/react-native-drm)                               |
+| [`@theoplayer/react-native-ui`](https://github.com/THEOplayer/react-native-theoplayer-ui)                                 | React Native user interface                          | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-ui)](https://www.npmjs.com/package/@theoplayer/react-native-ui)                                 |
+| [`@theoplayer/react-native-connector-template`](https://github.com/THEOplayer/react-native-theoplayer-connector-template) | A template for `react-native-theoplayer` connectors. | [![npm](https://img.shields.io/npm/v/@theoplayer/react-native-connector-template)](https://www.npmjs.com/package/@theoplayer/react-native-connector-template) |
 
 ## Getting Started
 
@@ -86,6 +87,7 @@ and discussed in the next section. Finally, an overview of features, limitations
   - [Casting with Chromecast and Airplay](./doc/cast.md)
   - [Custom iOS framework](./doc/custom-ios-framework.md)
   - [Digital Rights Management (DRM)](./doc/drm.md)
-  - [Picture-in-Picture (PiP)](./doc/pip.md)
   - [Migrating to `react-native-theoplayer` v2.x](./doc/migrating_v2.md)
+  - [Picture-in-Picture (PiP)](./doc/pip.md)
+  - [Styling subtitles and closed captions](./doc/texttrackstyles.md)
 - [Limitations and known issues](./doc/limitations.md)

package/android/src/main/java/com/theoplayer/PlayerEventEmitter.kt

@@ -494,7 +494,7 @@ class PlayerEventEmitter internal constructor(
   }
 
   private fun <T : Quality?> activeTrack(tracks: MediaTrackList<T>?): MediaTrack<T>? {
-    return tracks?.first { track ->
+    return tracks?.firstOrNull { track ->
       track.isEnabled
     }
   }

package/android/src/main/java/com/theoplayer/player/PlayerModule.kt

@@ -12,6 +12,7 @@ import com.theoplayer.android.api.player.track.texttrack.TextTrackMode
 import com.theoplayer.audio.BackgroundAudioConfigAdapter
 import com.theoplayer.presentation.PipConfigAdapter
 import com.theoplayer.track.QualityListFilter
+import com.theoplayer.track.TextTrackStyleAdapter
 import com.theoplayer.track.emptyQualityList
 import com.theoplayer.util.ViewResolver
 
@@ -188,4 +189,13 @@ class PlayerModule(context: ReactApplicationContext) : ReactContextBaseJavaModul
       })
     }
   }
+
+  @ReactMethod
+  fun setTextTrackStyle(tag: Int, style: ReadableMap?) {
+    viewResolver.resolveViewByTag(tag) { view: ReactTHEOplayerView? ->
+      view?.player?.let { player ->
+        TextTrackStyleAdapter.applyTextTrackStyle(player.textTrackStyle, style)
+      }
+    }
+  }
 }

package/android/src/main/java/com/theoplayer/presentation/PipUtils.kt

@@ -35,6 +35,7 @@ private const val ACTION_RWD = ACTION_PLAY + 2
 private const val ACTION_FFD = ACTION_PLAY + 3
 private const val ACTION_IGNORE = ACTION_PLAY + 999
 private const val SKIP_TIME = 15
+private const val NO_ICON = -1
 
 private val PIP_ASPECT_RATIO_DEFAULT = Rational(16, 9)
 private val PIP_ASPECT_RATIO_MIN = Rational(100, 239)
@@ -125,21 +126,24 @@ class PipUtils(
       }
 
       // Play/pause
-      // Always add this button, but send an ACTION_IGNORE if disabled.
+      // Always add this button, but send an ACTION_IGNORE and make invisible if disabled.
+      // If no RemoteActions are added, MediaSession takes over the UI.
       add(
         if (paused) {
           buildRemoteAction(
-            if (enablePlayPause) ACTION_PLAY else ACTION_IGNORE,
+            ACTION_PLAY,
             R.drawable.ic_play,
             R.string.play_pip,
-            R.string.play_desc_pip
+            R.string.play_desc_pip,
+            enablePlayPause
           )
         } else {
           buildRemoteAction(
-            if (enablePlayPause) ACTION_PAUSE else ACTION_IGNORE,
+            ACTION_PAUSE,
             R.drawable.ic_pause,
             R.string.pause_pip,
-            R.string.pause_desc_pip
+            R.string.pause_desc_pip,
+            enablePlayPause
           )
         }
       )
@@ -235,12 +239,15 @@ class PipUtils(
     requestId: Int,
     iconId: Int,
     titleId: Int,
-    descId: Int
+    descId: Int,
+    enabled: Boolean = true
   ): RemoteAction {
-    val intent = Intent(ACTION_MEDIA_CONTROL).putExtra(EXTRA_ACTION, requestId)
+    // Ignore the action if it is disabled
+    val requestCode = if (enabled) requestId else ACTION_IGNORE
+    val intent = Intent(ACTION_MEDIA_CONTROL).putExtra(EXTRA_ACTION, requestCode)
     val pendingIntent =
-      PendingIntent.getBroadcast(reactContext, requestId, intent, PendingIntent.FLAG_IMMUTABLE)
-    val icon: Icon = Icon.createWithResource(reactContext, iconId)
+      PendingIntent.getBroadcast(reactContext, requestCode, intent, PendingIntent.FLAG_IMMUTABLE)
+    val icon: Icon = Icon.createWithResource(reactContext, if (enabled) iconId else NO_ICON)
     val title = reactContext.getString(titleId)
     val desc = reactContext.getString(descId)
     return RemoteAction(icon, title, desc, pendingIntent)

package/android/src/main/java/com/theoplayer/track/TextTrackStyleAdapter.kt

@@ -0,0 +1,79 @@
+package com.theoplayer.track
+
+import android.graphics.Color
+import com.facebook.react.bridge.ReadableMap
+import com.theoplayer.android.api.player.track.texttrack.TextTrackStyle
+
+private val PROP_BACKGROUND_COLOR = "backgroundColor"
+private val PROP_EDGE_STYLE = "edgeStyle"
+private val PROP_FONT_COLOR = "fontColor"
+private val PROP_FONT_FAMILY = "fontFamily"
+private val PROP_FONT_SIZE = "fontSize"
+private val PROP_WINDOW_COLOR = "windowColor"
+private val PROP_MARGIN_LEFT = "marginLeft"
+private val PROP_MARGIN_TOP = "marginTop"
+private val PROP_COLOR_R = "r"
+private val PROP_COLOR_G = "g"
+private val PROP_COLOR_B = "b"
+private val PROP_COLOR_A = "a"
+
+object TextTrackStyleAdapter {
+
+  fun applyTextTrackStyle(style: TextTrackStyle, props: ReadableMap?) {
+    if (props == null) {
+      return
+    }
+    if (props.hasKey(PROP_BACKGROUND_COLOR)) {
+      style.backgroundColor =
+        colorFromBridgeColor(props.getMap(PROP_BACKGROUND_COLOR)) ?: Color.BLACK
+    }
+    if (props.hasKey(PROP_EDGE_STYLE)) {
+      style.edgeType = edgeStyleFromProps(props.getString(PROP_EDGE_STYLE))
+    }
+    if (props.hasKey(PROP_FONT_COLOR)) {
+      style.fontColor = colorFromBridgeColor(props.getMap(PROP_FONT_COLOR)) ?: Color.WHITE
+    }
+    if (props.hasKey(PROP_FONT_FAMILY)) {
+      val family = props.getString(PROP_FONT_FAMILY)
+      if (family != null) {
+        style.setFont(family, TextTrackStyle.FontStyle.NORMAL)
+      } else {
+        style.setFont(TextTrackStyle.FontFamily.DEFAULT, TextTrackStyle.FontStyle.NORMAL)
+      }
+    }
+    if (props.hasKey(PROP_FONT_SIZE)) {
+      style.fontSize = props.getInt(PROP_FONT_SIZE)
+    }
+    if (props.hasKey(PROP_WINDOW_COLOR)) {
+      style.windowColor = colorFromBridgeColor(props.getMap(PROP_WINDOW_COLOR)) ?: Color.TRANSPARENT
+    }
+    if (props.hasKey(PROP_MARGIN_TOP)) {
+      style.marginTop = props.getInt(PROP_MARGIN_TOP)
+    }
+    if (props.hasKey(PROP_MARGIN_LEFT)) {
+      style.marginLeft = props.getInt(PROP_MARGIN_LEFT)
+    }
+  }
+
+  private fun edgeStyleFromProps(style: String?): TextTrackStyle.EdgeType {
+    return when (style) {
+      "dropshadow" -> TextTrackStyle.EdgeType.EDGE_TYPE_DROP_SHADOW
+      "raised" -> TextTrackStyle.EdgeType.EDGE_TYPE_RAISED
+      "depressed" -> TextTrackStyle.EdgeType.EDGE_TYPE_DEPRESSED
+      "uniform" -> TextTrackStyle.EdgeType.EDGE_TYPE_OUTLINE
+      else -> TextTrackStyle.EdgeType.EDGE_TYPE_NONE
+    }
+  }
+
+  private fun colorFromBridgeColor(color: ReadableMap?): Int? {
+    if (color == null) {
+      return null
+    }
+    return Color.argb(
+      color.getInt(PROP_COLOR_A),
+      color.getInt(PROP_COLOR_R),
+      color.getInt(PROP_COLOR_G),
+      color.getInt(PROP_COLOR_B),
+    )
+  }
+}

package/android/src/main/java/com/theoplayer/util/ViewResolver.kt

@@ -6,11 +6,16 @@ import com.facebook.react.uimanager.UIManagerModule
 import com.theoplayer.ReactTHEOplayerView
 
 private const val TAG = "ViewResolver"
+private const val INVALID_TAG = -1
 
 class ViewResolver(private val reactContext: ReactApplicationContext) {
   private var uiManager: UIManagerModule? = null
 
   fun resolveViewByTag(tag: Int, onResolved: (view: ReactTHEOplayerView?) -> Unit) {
+    if (tag == INVALID_TAG) {
+      // Don't bother trying to resolve an invalid tag.
+      onResolved(null)
+    }
     if (uiManager == null) {
       uiManager = reactContext.getNativeModule(UIManagerModule::class.java)
     }
@@ -20,6 +25,7 @@ class ViewResolver(private val reactContext: ReactApplicationContext) {
       } catch (ignore: Exception) {
         // The ReactTHEOplayerView instance could not be resolved: log but do not forward exception.
         Log.w(TAG, "Failed to resolve ReactTHEOplayerView tag $tag")
+        onResolved(null)
       }
     }
   }

package/ios/THEOplayerRCTBridge.m

@@ -108,6 +108,9 @@ RCT_EXTERN_METHOD(setTargetVideoQuality:(nonnull NSNumber *)node
 RCT_EXTERN_METHOD(setPreload:(nonnull NSNumber *)node
                   type:(nonnull NSString *)type)
 
+RCT_EXTERN_METHOD(setTextTrackStyle:(nonnull NSNumber *)node
+                  textTrackStyle:(NSDictionary)textTrackStyle)
+
 @end
 
 // ----------------------------------------------------------------------------

package/ios/THEOplayerRCTPlayerAPI.swift

@@ -10,6 +10,18 @@ let ERROR_MESSAGE_PLAYER_ABR_UNSUPPORTED_FEATURE: String = "Setting an ABRconfig
 let ERROR_MESSAGE_PLAYER_QUALITY_UNSUPPORTED_FEATURE: String = "Setting a target video quality is not supported on iOS/tvOS."
 let ERROR_MESSAGE_PLAYER_FULLSCREEN_UNSUPPORTED_FEATURE: String = "Fullscreen presentationmode should be implemented on the RN level for iOS/tvOS."
 
+let TTS_PROP_BACKGROUND_COLOR = "backgroundColor"
+let TTS_PROP_EDGE_STYLE = "edgeStyle"
+let TTS_PROP_FONT_COLOR = "fontColor"
+let TTS_PROP_FONT_FAMILY = "fontFamily"
+let TTS_PROP_FONT_SIZE = "fontSize"
+let TTS_PROP_MARGIN_LEFT = "marginLeft"
+let TTS_PROP_MARGIN_TOP = "marginTop"
+let TTS_PROP_COLOR_R = "r"
+let TTS_PROP_COLOR_G = "g"
+let TTS_PROP_COLOR_B = "b"
+let TTS_PROP_COLOR_A = "a"
+
 @objc(THEOplayerRCTPlayerAPI)
 class THEOplayerRCTPlayerAPI: NSObject, RCTBridgeModule {
     @objc var bridge: RCTBridge!
@@ -251,4 +263,44 @@ class THEOplayerRCTPlayerAPI: NSObject, RCTBridgeModule {
         }
     }
     
+    @objc(setTextTrackStyle:textTrackStyle:)
+    func setTextTrackStyle(_ node: NSNumber, textTrackStyle: NSDictionary) -> Void {
+        DispatchQueue.main.async {
+            if let theView = self.bridge.uiManager.view(forReactTag: node) as? THEOplayerRCTView,
+               let player = theView.player {
+                if let bgColorMap = textTrackStyle[TTS_PROP_BACKGROUND_COLOR] as? [String:Any],
+                   let r = bgColorMap[TTS_PROP_COLOR_R] as? Int,
+                   let g = bgColorMap[TTS_PROP_COLOR_G] as? Int,
+                   let b = bgColorMap[TTS_PROP_COLOR_B] as? Int,
+                   let a = bgColorMap[TTS_PROP_COLOR_A] as? Int {
+                    let bgColor = UIColor(red: CGFloat(r)/255.0, green: CGFloat(g)/255.0, blue: CGFloat(b)/255.0, alpha: CGFloat(a)/255.0)
+                    player.textTrackStyle?.backgroundColor = [TextTrackStyleRuleColor(bgColor)]
+                }
+                if let fontColorMap = textTrackStyle[TTS_PROP_FONT_COLOR] as? [String:Any],
+                   let r = fontColorMap[TTS_PROP_COLOR_R] as? Int,
+                   let g = fontColorMap[TTS_PROP_COLOR_G] as? Int,
+                   let b = fontColorMap[TTS_PROP_COLOR_B] as? Int,
+                   let a = fontColorMap[TTS_PROP_COLOR_A] as? Int {
+                    let fontColor = UIColor(red: CGFloat(r)/255.0, green: CGFloat(g)/255.0, blue: CGFloat(b)/255.0, alpha: CGFloat(a)/255.0)
+                    player.textTrackStyle?.fontColor = [TextTrackStyleRuleColor(fontColor)]
+                }
+                if let edgeStyle = textTrackStyle[TTS_PROP_EDGE_STYLE] as? String {
+                    player.textTrackStyle?.edgeStyle = [TextTrackStyleRuleString(THEOplayerRCTTypeUtils.textTrackEdgeStyleStringFromString(edgeStyle))]
+                }
+                if let fontFamily = textTrackStyle[TTS_PROP_FONT_FAMILY] as? String {
+                    player.textTrackStyle?.fontFamily = [TextTrackStyleRuleString(fontFamily)]
+                }
+                if let fontSize = textTrackStyle[TTS_PROP_FONT_SIZE] as? Int {
+                    player.textTrackStyle?.fontSize = [TextTrackStyleRuleNumber(fontSize)]
+                }
+                if let marginTop = textTrackStyle[TTS_PROP_MARGIN_TOP] as? Int {
+                    player.textTrackStyle?.marginTop = [TextTrackStyleRuleNumber(marginTop)]
+                }
+                if let marginLeft = textTrackStyle[TTS_PROP_MARGIN_LEFT] as? Int {
+                    player.textTrackStyle?.marginLeft = [TextTrackStyleRuleNumber(marginLeft)]
+                }
+            }
+        }
+    }
+    
 }

package/ios/THEOplayerRCTTypeUtils.swift

@@ -83,4 +83,19 @@ class THEOplayerRCTTypeUtils {
             return "fit"
         }
     }
+    
+    class func textTrackEdgeStyleStringFromString(_ style: String) -> String {
+        switch style {
+        case "dropshadow":
+            return TextTrackStyleEdgeStyle.dropShadow
+        case "raised":
+            return TextTrackStyleEdgeStyle.raised
+        case "depressed":
+            return TextTrackStyleEdgeStyle.depressed
+        case "uniform":
+            return TextTrackStyleEdgeStyle.uniform
+        default:
+            return TextTrackStyleEdgeStyle.none
+        }
+    }
 }

package/ios/ads/THEOplayerRCTAdsAPI+DAI.swift

@@ -11,7 +11,7 @@ let ERROR_MESSAGE_DAI_GET_SNAPBACK_UNDEFINED = "Undefined dai snapback"
 
 extension THEOplayerRCTAdsAPI {
     
-#if GOOGLE_DAI
+#if GOOGLE_DAI || canImport(THEOplayerGoogleIMAIntegration)
     @objc(daiSnapback:resolver:rejecter:)
     func daiSnapback(_ node: NSNumber, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
         DispatchQueue.main.async {

package/ios/ads/THEOplayerRCTSourceDescriptionBuilder+Ads.swift

@@ -77,7 +77,7 @@ extension THEOplayerRCTSourceDescriptionBuilder {
     }
 
     static func buildDAITypedSource(_ typedSourceData: [String:Any], contentProtection: MultiplatformDRMConfiguration?) -> TypedSource? {
-#if GOOGLE_DAI
+#if GOOGLE_DAI || canImport(THEOplayerGoogleIMAIntegration)
         // check for alternative Google DAI SSAI
         if let ssaiData = typedSourceData[SD_PROP_SSAI] as? [String:Any] {
             if let integration = ssaiData[SD_PROP_INTEGRATION] as? String,

package/ios/ads/THEOplayerRCTView+AdsConfig.swift

@@ -72,7 +72,7 @@ extension THEOplayerRCTView {
     
     func parseAdsConfig(configDict: NSDictionary) {}
     
-#if GOOGLE_IMA || canImport(THEOplayerGoogleIMAIntegration)
+#if (GOOGLE_IMA || GOOGLE_DAI) || canImport(THEOplayerGoogleIMAIntegration)
     func playerAdsConfiguration() -> AdsConfiguration? { return AdsConfiguration() }
 #else
     func playerAdsConfiguration() -> AdsConfiguration? { return nil }

package/ios/backgroundAudio/THEOplayerRCTNowPlayingManager.swift

@@ -79,13 +79,13 @@ class THEOplayerRCTNowPlayingManager {
     }
     
     private func getArtWorkUrlStringFromSourceDescription(_ sourceDescription: SourceDescription) -> String? {
-        if let posterUrlString = sourceDescription.poster?.absoluteString {
-            return posterUrlString
-        }
         if let metadata = sourceDescription.metadata,
            let displayIconUrlString = metadata.metadataKeys?["displayIconUri"] as? String {
             return displayIconUrlString
         }
+        if let posterUrlString = sourceDescription.poster?.absoluteString {
+            return posterUrlString
+        }
         
         return nil
     }

package/lib/commonjs/api/track/TextTrackStyle.js

@@ -1,2 +1,31 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EdgeStyle = void 0;
+/**
+ * The text track style API.
+ *
+ * @public
+ */
+/**
+ * The style of the edge, represented by a value from the following list:
+ * <br/> - `'none'`
+ * <br/> - `'dropshadow'`
+ * <br/> - `'raised'`
+ * <br/> - `'depressed'`
+ * <br/> - `'uniform'`
+ *
+ * @public
+ */
+let EdgeStyle;
+exports.EdgeStyle = EdgeStyle;
+(function (EdgeStyle) {
+  EdgeStyle["none"] = "none";
+  EdgeStyle["dropshadow"] = "dropshadow";
+  EdgeStyle["raised"] = "raised";
+  EdgeStyle["depressed"] = "depressed";
+  EdgeStyle["uniform"] = "uniform";
+})(EdgeStyle || (exports.EdgeStyle = EdgeStyle = {}));
 //# sourceMappingURL=TextTrackStyle.js.map

package/lib/commonjs/api/track/TextTrackStyle.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["TextTrackStyle.ts"],"sourcesContent":["/**\n * The text track style API.\n *\n * @public\n */\nexport interface TextTrackStyle {\n  /**\n   * The font family for the text track.\n   */\n  fontFamily: string | undefined;\n\n  /**\n   * The font color for the text track.\n   *\n   * @example\n   * <br/> - `red` will set the color of the text to red.\n   * <br/> - `#ff0000` will set the color of the text to red.\n   * <br/> - `rgba(255,0,0,0.5)` will set the color of the text to red, with 50% opacity.\n   */\n  fontColor: string | undefined;\n\n  /**\n   * The font size for the text track.\n   *\n   * @remarks\n   * Can be a percentage value such as '50%', '75%', '100%', '150%' or '200%'.\n   */\n  fontSize: string | undefined;\n\n  /**\n   * The background color for the text track.\n   *\n   * @remarks\n   * This targets the area directly behind the text.\n   *\n   * @example\n   * <br/> - `red` will set the background color of the text track to red.\n   * <br/> - `#ff0000` will set the background color of the text track to red.\n   * <br/> - `rgba(255,0,0,0.5)` will set the background color of the text track to red, with 50% opacity.\n   */\n  backgroundColor: string | undefined;\n\n  /**\n   * The window color for the text track.\n   *\n   * @remarks\n   * This targets the area covering the full width of the text track.\n   *\n   * @example\n   * <br/> - `red` will set the background color of the window of the text track to red.\n   * <br/> - `#ff0000` will set the background color of the window of the text track to red.\n   * <br/> - `rgba(255,0,0,0.5)` will set the background color of the window of the text track to red, with 50% opacity.\n   */\n  windowColor: string | undefined;\n\n  /**\n   * The edge style of the text, represented by a value from the following list:\n   * <br/> - `'none'`\n   * <br/> - `'dropshadow'`\n   * <br/> - `'raised'`\n   * <br/> - `'depressed'`\n   * <br/> - `'uniform`\n   */\n  edgeStyle: EdgeStyle | undefined;\n}\n\n/**\n * The style of the edge, represented by a value from the following list:\n * <br/> - `'none'`\n * <br/> - `'dropshadow'`\n * <br/> - `'raised'`\n * <br/> - `'depressed'`\n * <br/> - `'uniform'`\n *\n * @public\n */\nexport type EdgeStyle = 'none' | 'dropshadow' | 'raised' | 'depressed' | 'uniform';\n"],"mappings":""}
+{"version":3,"names":["EdgeStyle","exports"],"sources":["TextTrackStyle.ts"],"sourcesContent":["/**\n * The text track style API.\n *\n * @public\n */\nexport interface TextTrackStyle {\n  /**\n   * The font family for the text track.\n   */\n  fontFamily: string | undefined;\n\n  /**\n   * The font color for the text track.\n   *\n   * @example\n   * <br/> - `red` will set the color of the text to red.\n   * <br/> - `#ff0000` will set the color of the text to red.\n   * <br/> - Available on Web only: `rgba(255,0,0,0.5)` will set the color of the text to red, with 50% opacity.\n   */\n  fontColor: string | undefined;\n\n  /**\n   * The font size for the text track.\n   *\n   * @remarks\n   * Can be a percentage value such as '50%', '75%', '100%', '150%' or '200%'.\n   */\n  fontSize: string | undefined;\n\n  /**\n   * The background color for the text track.\n   *\n   * @remarks\n   * This targets the area directly behind the text.\n   *\n   * @example\n   * <br/> - `red` will set the background color of the text track to red.\n   * <br/> - `#ff0000` will set the background color of the text track to red.\n   * <br/> - Available on Web only: `rgba(255,0,0,0.5)` will set the background color of the text track to red, with 50% opacity.\n   */\n  backgroundColor: string | undefined;\n\n  /**\n   * The window color for the text track.\n   *\n   * @remarks\n   * <br/> - This targets the area covering the full width of the text track.\n   * <br/> - Available on Web and Android only.\n   *\n   * @example\n   * <br/> - `red` will set the background color of the window of the text track to red.\n   * <br/> - `#ff0000` will set the background color of the window of the text track to red.\n   * <br/> - Available on Web only: `rgba(255,0,0,0.5)` will set the background color of the window of the text track to red, with 50% opacity.\n   */\n  windowColor: string | undefined;\n\n  /**\n   * The edge style of the text, represented by a value from the following list:\n   * <br/> - `'none'`\n   * <br/> - `'dropshadow'`\n   * <br/> - `'raised'`\n   * <br/> - `'depressed'`\n   * <br/> - `'uniform`\n   */\n  edgeStyle: EdgeStyle | undefined;\n\n  /**\n   * The top margin of the area where subtitles are being rendered.\n   *\n   * @remarks\n   * <br/> - The margin is in number of pixels.\n   */\n  marginTop: number | undefined;\n\n  /**\n   * The bottom margin of the area where subtitles are being rendered.\n   *\n   * @remarks\n   * <br/> - The margin is in number of pixels.\n   * <br/> - Available on Web only.\n   */\n  marginBottom: number | undefined;\n  /**\n   * The left margin of the area where subtitles are being rendered.\n   *\n   * @remarks\n   * <br/> - The margin is in number of pixels.\n   */\n  marginLeft: number | undefined;\n  /**\n   * The right margin  of the area where subtitles are being rendered.\n   *\n   * @remarks\n   * <br/> - The margin is in number of pixels.\n   * <br/> - Useful for pushing the subtitles left, so they don't overlap with the UI.\n   * <br/> - Available on Web only.\n   */\n  marginRight: number | undefined;\n}\n\n/**\n * The style of the edge, represented by a value from the following list:\n * <br/> - `'none'`\n * <br/> - `'dropshadow'`\n * <br/> - `'raised'`\n * <br/> - `'depressed'`\n * <br/> - `'uniform'`\n *\n * @public\n */\nexport enum EdgeStyle {\n  none = 'none',\n  dropshadow = 'dropshadow',\n  raised = 'raised',\n  depressed = 'depressed',\n  uniform = 'uniform',\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AAgGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AATA,IAUYA,SAAS;AAAAC,OAAA,CAAAD,SAAA,GAAAA,SAAA;AAAA,WAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAATA,SAAS;AAAA,GAATA,SAAS,KAAAC,OAAA,CAAAD,SAAA,GAATA,SAAS"}

package/lib/commonjs/internal/adapter/track/NamedColors.json

@@ -0,0 +1,143 @@
+{
+  "aliceblue": "f0f8ff",
+  "antiquewhite": "faebd7",
+  "aqua": "00ffff",
+  "aquamarine": "7fffd4",
+  "azure": "f0ffff",
+  "beige": "f5f5dc",
+  "bisque": "ffe4c4",
+  "black": "000000",
+  "blanchedalmond": "ffebcd",
+  "blue": "0000ff",
+  "blueviolet": "8a2be2",
+  "brown": "a52a2a",
+  "burlywood": "deb887",
+  "cadetblue": "5f9ea0",
+  "chartreuse": "7fff00",
+  "chocolate": "d2691e",
+  "coral": "ff7f50",
+  "cornflowerblue": "6495ed",
+  "cornsilk": "fff8dc",
+  "crimson": "dc143c",
+  "cyan": "00ffff",
+  "darkblue": "00008b",
+  "darkcyan": "008b8b",
+  "darkgoldenrod": "b8860b",
+  "darkgray": "a9a9a9",
+  "darkgreen": "006400",
+  "darkkhaki": "bdb76b",
+  "darkmagenta": "8b008b",
+  "darkolivegreen": "556b2f",
+  "darkorange": "ff8c00",
+  "darkorchid": "9932cc",
+  "darkred": "8b0000",
+  "darksalmon": "e9967a",
+  "darkseagreen": "8fbc8f",
+  "darkslateblue": "483d8b",
+  "darkslategray": "2f4f4f",
+  "darkturquoise": "00ced1",
+  "darkviolet": "9400d3",
+  "deeppink": "ff1493",
+  "deepskyblue": "00bfff",
+  "dimgray": "696969",
+  "dodgerblue": "1e90ff",
+  "firebrick": "b22222",
+  "floralwhite": "fffaf0",
+  "forestgreen": "228b22",
+  "fuchsia": "ff00ff",
+  "gainsboro": "dcdcdc",
+  "ghostwhite": "f8f8ff",
+  "gold": "ffd700",
+  "goldenrod": "daa520",
+  "gray": "808080",
+  "green": "008000",
+  "greenyellow": "adff2f",
+  "honeydew": "f0fff0",
+  "hotpink": "ff69b4",
+  "indianred": "cd5c5c",
+  "indigo": "4b0082",
+  "ivory": "fffff0",
+  "khaki": "f0e68c",
+  "lavender": "e6e6fa",
+  "lavenderblush": "fff0f5",
+  "lawngreen": "7cfc00",
+  "lemonchiffon": "fffacd",
+  "lightblue": "add8e6",
+  "lightcoral": "f08080",
+  "lightcyan": "e0ffff",
+  "lightgoldenrodyellow": "fafad2",
+  "lightgray": "d3d3d3",
+  "lightgreen": "90ee90",
+  "lightpink": "ffb6c1",
+  "lightsalmon": "ffa07a",
+  "lightseagreen": "20b2aa",
+  "lightskyblue": "87cefa",
+  "lightslategray": "778899",
+  "lightsteelblue": "b0c4de",
+  "lightyellow": "ffffe0",
+  "lime": "00ff00",
+  "limegreen": "32cd32",
+  "linen": "faf0e6",
+  "magenta": "ff00ff",
+  "maroon": "800000",
+  "mediumaquamarine": "66cdaa",
+  "mediumblue": "0000cd",
+  "mediumorchid": "ba55d3",
+  "mediumpurple": "9370db",
+  "mediumseagreen": "3cb371",
+  "mediumslateblue": "7b68ee",
+  "mediumspringgreen": "00fa9a",
+  "mediumturquoise": "48d1cc",
+  "mediumvioletred": "c71585",
+  "midnightblue": "191970",
+  "mintcream": "f5fffa",
+  "mistyrose": "ffe4e1",
+  "moccasin": "ffe4b5",
+  "navajowhite": "ffdead",
+  "navy": "000080",
+  "oldlace": "fdf5e6",
+  "olive": "808000",
+  "olivedrab": "6b8e23",
+  "orange": "ffa500",
+  "orangered": "ff4500",
+  "orchid": "da70d6",
+  "palegoldenrod": "eee8aa",
+  "palegreen": "98fb98",
+  "paleturquoise": "afeeee",
+  "palevioletred": "db7093",
+  "papayawhip": "ffefd5",
+  "peachpuff": "ffdab9",
+  "peru": "cd853f",
+  "pink": "ffc0cb",
+  "plum": "dda0dd",
+  "powderblue": "b0e0e6",
+  "purple": "800080",
+  "rebeccapurple": "663399",
+  "red": "ff0000",
+  "rosybrown": "bc8f8f",
+  "royalblue": "4169e1",
+  "saddlebrown": "8b4513",
+  "salmon": "fa8072",
+  "sandybrown": "f4a460",
+  "seagreen": "2e8b57",
+  "seashell": "fff5ee",
+  "sienna": "a0522d",
+  "silver": "c0c0c0",
+  "skyblue": "87ceeb",
+  "slateblue": "6a5acd",
+  "slategray": "708090",
+  "snow": "fffafa",
+  "springgreen": "00ff7f",
+  "steelblue": "4682b4",
+  "tan": "d2b48c",
+  "teal": "008080",
+  "thistle": "d8bfd8",
+  "tomato": "ff6347",
+  "turquoise": "40e0d0",
+  "violet": "ee82ee",
+  "wheat": "f5deb3",
+  "white": "ffffff",
+  "whitesmoke": "f5f5f5",
+  "yellow": "ffff00",
+  "yellowgreen": "9acd32"
+}