@brightcove/components-embed-code-modal 0.8.3 → 0.8.5

package/src/module.tsx

@@ -1,246 +0,0 @@
-import React, { useState } from 'react';
-import ReactDOM from 'react-dom';
-
-import {
-  initialize,
-  Button,
-  Select,
-  Input,
-  Flex,
-  Checkbox,
-} from '@brightcove/studio-components';
-
-import { StudioModule } from 'types/studio';
-import { EmbedCodeModal } from './index';
-import {
-  VideoPayload,
-  EmbedCodeModalTypes,
-  EmbedCodeUnits,
-  EmbedCodeAspectRatio,
-} from 'js/types/EmbedCodeModalProps';
-import { EmbedCodeModalProps } from 'js/EmbedCodeModal';
-
-const videoObj: VideoPayload = {
-  videoId: '70709819045202', // string
-  videoName: 'Media Title', // string
-  accountId: '70712710456202', // string
-  posterUrl: 'http://...', // string
-  duration: 120, // number (in seconds)
-};
-
-type LangType = 'en' | 'es' | 'fr' | 'ja' | 'ko' | 'zh';
-
-const appNode = document.getElementById('bc-content');
-
-const App = () => {
-  const [language, setLanguage] = useState<LangType>('en');
-  const [accountId, setAccountId] = useState('70713602761202');
-  const [videoId, setVideoId] = useState('70716855695113');
-  const [interactivityProjectId, setInteractivityProjectId] = useState(
-    '63ed6c0cf2b60d00179ec101',
-  );
-  const [embedProperties, setEmbedProperties] = useState({
-    units: EmbedCodeUnits.PX,
-    responsive: false,
-    width: 0,
-    height: 0,
-    aspectRatio: EmbedCodeAspectRatio.FLUID,
-  });
-  const [embedVideoObj, setEmbedVideoObj] = useState<EmbedCodeModalProps>();
-  const [showDVR, setShowDVR] = useState(false);
-  const [showLowLatency, setShowLowLatency] = useState(false);
-
-  const handlePropertiesUpdate = (name: string, value: string) => {
-    setEmbedProperties({
-      ...embedProperties,
-      [name]: value,
-    });
-  };
-
-  return (
-    <div style={{ padding: 20 }}>
-      <h1> Embed Code Sandbox demo </h1>
-      <h5>
-        {' '}
-        Use the url params to select environment. Ex. `env=production`. <br />{' '}
-        Default is `qa`
-      </h5>
-      <h5> Select component`s language </h5>
-      <Select
-        value={language}
-        options={[
-          { label: 'English', value: 'en' },
-          { label: 'Spanish', value: 'es' },
-          { label: 'French', value: 'fr' },
-          { label: 'Japanese', value: 'ja' },
-          { label: 'Korean', value: 'ko' },
-          { label: 'Chinese', value: 'zh' },
-        ]}
-        onChange={(value: LangType) => {
-          setLanguage(value);
-        }}
-      />
-      <h5>
-        Enter a valid account ID and video ID. Keep in mind the environment
-      </h5>
-      <Flex gap='sm'>
-        <Input
-          label='BC account ID'
-          value={accountId}
-          onChange={(value: string) => {
-            setAccountId(value);
-          }}
-        />
-        <Input
-          label='Video ID'
-          value={videoId}
-          onChange={(value: string) => {
-            setVideoId(value);
-          }}
-        />
-        <Input
-          label='Project ID'
-          value={interactivityProjectId}
-          onChange={(value: string) => {
-            setInteractivityProjectId(value);
-          }}
-        />
-      </Flex>
-      <h4>Optional properties for the embed code</h4>
-      <br />
-      <Flex gap='sm' alignItems='center'>
-        <Select
-          label='Units'
-          value={embedProperties.units}
-          options={[
-            { label: 'px', value: EmbedCodeUnits.PX },
-            { label: 'em', value: EmbedCodeUnits.EM },
-            { label: '%', value: EmbedCodeUnits.PERCENT },
-          ]}
-          onChange={(value: string) => handlePropertiesUpdate('units', value)}
-        />
-        <Input
-          label='Width'
-          type='number'
-          value={embedProperties.width}
-          onChange={(value: string) => handlePropertiesUpdate('width', value)}
-        />
-        <Input
-          label='Height'
-          type='number'
-          value={embedProperties.height}
-          onChange={(value: string) => handlePropertiesUpdate('height', value)}
-        />
-        <Select
-          label='Aspect ratio'
-          value={embedProperties.aspectRatio}
-          options={[
-            { label: 'fluid', value: EmbedCodeAspectRatio.FLUID },
-            { label: '1:1', value: EmbedCodeAspectRatio.ONE_ONE },
-            { label: '4:3', value: EmbedCodeAspectRatio.FOUR_THREE },
-            { label: '16:9', value: EmbedCodeAspectRatio.SIXTEEN_NINE },
-            { label: '9:16', value: EmbedCodeAspectRatio.NINE_SIXTEEN },
-          ]}
-          onChange={(value: string) =>
-            handlePropertiesUpdate('aspectRatio', value)
-          }
-        />
-        <Checkbox onChange={setShowDVR} checked={showDVR}>
-          <strong>Show DVR</strong>
-        </Checkbox>
-        <Checkbox onChange={setShowLowLatency} checked={showLowLatency}>
-          <strong>Show Low Latency</strong>
-        </Checkbox>
-      </Flex>
-      <Button
-        text='Show Modal Video'
-        onClick={() => {
-          setEmbedVideoObj({
-            data: { ...videoObj, videoId, accountId },
-            embedCodeModalType: EmbedCodeModalTypes.VIDEO,
-            language,
-          });
-        }}
-        large
-      />
-      <Button
-        text='Show Modal Player'
-        onClick={() => {
-          setEmbedVideoObj({
-            data: { id: 'default', accountId },
-            embedCodeModalType: EmbedCodeModalTypes.PLAYER,
-            language: language,
-          });
-        }}
-        large
-      />
-      <Button
-        text='Show Modal Project'
-        onClick={() => {
-          setEmbedVideoObj({
-            data: {
-              accountId,
-              videoId,
-              interactivityProjectId,
-              interactivityProjectName: 'My Project Name',
-            },
-            embedCodeModalType: EmbedCodeModalTypes.PROJECT,
-            language: language,
-          });
-        }}
-        large
-      />
-      <Button
-        text='Show Modal Live'
-        onClick={() => {
-          setEmbedVideoObj({
-            data: {
-              videoId,
-              accountId,
-              livePlaybackToken: 'live-playback-token-test',
-              adConfigId: 'ad-config-id-test',
-            },
-            embedCodeModalType: EmbedCodeModalTypes.LIVE,
-            showDVR,
-            dvrTime: 900,
-            language,
-            onDVRClick: (newValue) => {
-              console.log('DVR clicked', newValue);
-            },
-            showLowLatency,
-            onLowLatencyClick: (newValue) => {
-              console.log('Low Latency clicked', newValue);
-            },
-          });
-        }}
-        large
-      />
-      {embedVideoObj && (
-        <EmbedCodeModal
-          {...embedVideoObj}
-          language={language}
-          embedCodeProperties={embedProperties}
-        />
-      )}
-    </div>
-  );
-};
-
-const initBCAPI = (studioModule: StudioModule) => {
-  const onAuth = () => {
-    ReactDOM.render(<App />, appNode);
-  };
-
-  studioModule.once('auth', onAuth);
-  const { module, user } = studioModule.config;
-  const accountId = user.currentAccount.id;
-  const moduleId = module.id;
-  const moduleScope = module.scope;
-  const moduleBcApiConfig = module.bcApiConfig;
-
-  // eslint-disable-next-line no-underscore-dangle
-  studioModule._initBCApi(accountId, moduleId, moduleScope, moduleBcApiConfig);
-};
-
-initialize();
-initBCAPI(window.StudioModule);

package/src/styles/CustomSettingsDropdown.sass

@@ -1,42 +0,0 @@
-@import './base.sass'
-
-@include themed() using ($theme)
-  .featuresDropdown
-    background: white
-    margin-bottom: 10px
-    .topArea
-      border-top: 1px solid theme($theme, gray-30)
-      border-bottom: 1px solid theme($theme, gray-30)
-      background: white
-      display: flex
-      padding: 16px
-      justify-content: space-between
-      cursor: pointer
-
-      .title
-        font-weight: theme($theme, heading-weight)
-        color: black
-
-      .right
-        display: flex
-        .description
-          font-size: theme($theme, label-font-size)
-          margin-right: 30px
-        .icon
-          color: theme($theme, navy)
-
-    .hiddenArea
-      .hiddenAreaContainer
-        padding: 28px 16px
-      .aspectRatioSelect
-        span[class^="Select-wrapper"]
-          width: 343px
-      .sizeEdit
-        display: flex
-        gap: 16px
-        label
-          padding: 0
-          max-width: 110px
-          div[class^="InputGroup-labelRight-"]
-            display: none
-

package/src/styles/EmbedCode.sass

@@ -1,30 +0,0 @@
-@import './base.sass'
-
-@include themed() using ($theme)
-  // Override studio-components styles
-  .hint
-    padding-top: 2px
-  .input
-    margin: 0 !important
-    padding-bottom: 4px !important
-  .textArea
-    color: theme($theme, gray-35) !important
-    background-color: theme($theme, gray-20) !important
-    border: none !important
-    resize: none
-  .copyInput
-    margin: 0 !important
-    padding-bottom: 4px !important
-    .textAreaDimensions
-      height: 210px
-      width: 390px
-    span[class^="CopyField-copyIcon"]
-      margin-right: 10px
-  .helperText
-    color: theme($theme, gray-40)
-    font-size: 14px
-  a.copyLink
-    text-decoration: none
-    font-weight: theme($theme, body-small-weight-bold)
-    cursor: pointer
-    padding-left: 4px

package/src/styles/EmbedCodeModal.sass

@@ -1,76 +0,0 @@
-@import './base.sass'
-
-@include themed() using ($theme)
-  .videoDetailsContainer
-    margin-bottom: 27px
-    .leftContent
-      width: 540px
-      margin-right: 34px
-    .timeInput input
-      width: 150px
-    .dvrCheckbox span
-      font-weight: theme($theme, label-font-weight)
-    .rightContent
-      flex-grow: 1
-      max-height: 468px
-      overflow-y: auto
-    .expandRightContent
-      max-height: 620px
-    .rightContentFullWidth
-      [class^="EmbedCode__copyInput"]
-        textarea
-          width: 100%
-        > div > div > div
-          flex: 1
-    .mediaData
-      margin-top: 23px
-      padding: 0
-    .redHelperText
-      color: theme($theme, red)
-      font-size: 14px
-    .tabPanelContent > div > div > div
-      display: block !important
-    .mediaTitle
-      color: theme($theme, text-primary-dark)
-      font-size: theme($theme, heading-xs-size)
-      font-weight: theme($theme, heading-weight)
-      line-height: theme($theme, heading-xs-line-height)
-      word-break: break-all
-    .text
-      color: theme($theme, gray-40)
-      font-size: theme($theme, body-small-text-size)
-      font-weight: theme($theme, body-small-weight-normal)
-    .playerSelectLabel
-      font-family: theme($theme, label-font)
-      font-size: theme($theme, label-font-size)
-      font-weight: theme($theme, label-font-weight)
-      line-height: theme($theme, label-line-height)
-      letter-spacing: theme($theme, label-letter-spacing)
-      color: theme($theme, label-color)
-      padding: 0 0 .4rem
-    .playerSelect
-      width: 100%
-    .getURLBtnContainer
-      display: inline-flex
-    .getURLBtnSpinner
-      left: -5px
-      position: relative
-      margin-right: 8px
-    .mediaId
-      @extend .text
-      margin-bottom: 25px
-    .tooltip
-      margin-left: theme($theme, padding-sm)
-    .customPluginNotice
-      font-size: 14px
-    .playerLoader
-        video-js
-          width: 539px !important
-          height: 303.2px !important
-        margin-bottom: theme($theme, padding-sm)
-        iframe
-          width: 539px !important
-          height: 303.2px !important
-    .previewButton
-      align-self: center
-

package/src/styles/base.sass

@@ -1 +0,0 @@
-@import 'theme.sass'

package/src/styles/theme.sass

@@ -1,11 +0,0 @@
-@import "~@brightcove/studio-design-tokens/themes/blueSteel/index-map.sass"
-@import "~@brightcove/studio-design-tokens/themes/classic/index-map.sass"
-
-$themes: $classic $blueSteel
-
-@function theme($theme, $property)
-  @return map-get($theme, $property)
-
-=themed
-  @each $theme in $themes
-    @content($theme)

package/src/styles/typings.td.ts

@@ -1,9 +0,0 @@
-declare module 'styles/*.sass' {
-  const content: { [className: string]: string };
-  export default content;
-}
-
-declare module 'styles/*.scss' {
-  const content: { [className: string]: string };
-  export default content;
-}

package/src/translations/en.json

@@ -1,53 +0,0 @@
-{
-  "modalHeader": "Embed on website",
-  "mediaNotice": "Will use your account’s default player",
-  "tooltipText": "Currently using the Brightcove Default Player. Player management coming soon.",
-  "tooltipTextNew": "Players determine the video playback experience such as styling, special configuration settings, and more.",
-  "tooltipLink": "Learn more about players",
-  "learnmore": "https://studio.support.brightcove.com/players/getting-started-players-module.html",
-  "previewButton": "Preview",
-  "player": "Player",
-  "getURL": "Get URL",
-  "tabs": {
-    "labels": {
-      "iframe": "iframe",
-      "javascript": "JavaScript"
-    },
-    "helperText": "Copy the HTML code and paste it on your website.",
-    "helperTextWarning": "This player is configured with the Campaign plugin. To ensure proper tracking, the JavaScript embed code should be used.",
-    "viewerIdTextWarning": "This player is configured with Viewer ID Tracking. To ensure proper tracking, the JavaScript embed code should be used.",
-    "bcMapTrackingTextWarning": "This player is configured with MAPs Tracking. To ensure proper tracking, the JavaScript embed code should be used."
-  },
-  "done": "Done",
-  "close": "Close",
-  "toasterTitle": "Success.",
-  "toasterMessage": "Code copied to clipboard",
-  "toasterGetURLSuccess": "URL copied to the clipboard",
-  "toasterErrorMessage": "Error while copying text to clipboard",
-  "toasterGetURLError": "URL cannot be generated",
-  "customPluginNotice": "Due to custom configurations, you may not be experiencing the full preview.",
-  "noPlayerModalHeader": "Create an Interactivity Player",
-  "noPlayerModalContent1": "To embed an Interactivity Project you must enable the interactivity feature.",
-  "noPlayerModalContent2": "Activate this feature on any existing player or create a new one.",
-  "toPlayersModuleLink": "Go to the Players module",
-  "cancel": "Cancel",
-  "createPlayerNow": "Create Player Now",
-  "createPlayerFailedTitle": "Failed to create the Interactivity-enabled Player.",
-  "createPlayerFailedMessage": "Please try again.",
-  "activateModal": "No Interactivity-enabled players",
-  "activateModalContent1": "An Interactivity-enabled player is required to embed a project. Currently, this account has no Interactivity-enabled players. To create one, use the ",
-  "activateModalContent2": "Players module",
-  "customSettings": {
-    "sizing": "Sizing",
-    "aspectRatio": "Aspect Ratio",
-    "playerWidth": "Player width",
-    "playerHeight": "Player height",
-    "units": "Units"
-  },
-  "lowLatency": "Low Latency",
-  "dvr": {
-    "allowDVR": "Allow DVR",
-    "inputLabel": "Time",
-    "inputDescription": "The time, in seconds, to keep in the live DVR manifest"
-  }
-}

package/src/translations/es.json

@@ -1,53 +0,0 @@
-{
-  "modalHeader": "Incrustar en sitio web",
-  "mediaNotice": "Utilizará el reproductor predeterminado de su cuenta",
-  "tooltipText": "Actualmente se está utilizando el reproductor predeterminado de Brightcove. La gestión de reproductores estará disponible próximamente.",
-  "tooltipTextNew": "Los reproductores determinan la experiencia del usuario a la hora de reproducir vídeos por medio de ajustes como el estilo del reproductor, ajustes de configuración especiales y otros.",
-  "tooltipLink": "Más información sobre reproductores",
-  "learnmore": "https://es.studio.support.brightcove.com/players/getting-started-players-module.html",
-  "previewButton": "Vista previa",
-  "player": "Reproductor",
-  "getURL": "Obtener URL",
-  "tabs": {
-    "labels": {
-      "iframe": "iframe",
-      "javascript": "JavaScript"
-    },
-    "helperText": "Copie el código HTML y péguelo en su sitio web.",
-    "helperTextWarning": "Este reproductor está configurado con el complemento Campaign. Para garantizar un seguimiento adecuado, debe utilizarse el código de incrustación JavaScript.",
-    "viewerIdTextWarning": "Este reproductor está configurado con el seguimiento de identificadores de espectadores. Para garantizar un seguimiento correcto, debe utilizarse el código de incrustación JavaScript.",
-    "bcMapTrackingTextWarning": "This player is configured with MAPs Tracking. To ensure proper tracking, the JavaScript embed code should be used."
-  },
-  "toasterTitle": "Operación realizada correctamente.",
-  "toasterMessage": "Código copiado al portapapeles",
-  "toasterGetURLSuccess": "URL copiada al portapapeles",
-  "toasterGetURLError": "No es posible generar la URL",
-  "toasterErrorMessage": "Se ha producido un error al copiar el texto al portapapeles.",
-  "customPluginNotice": "Puede ocurrir que las configuraciones personalizadas impidan la previsualización completa.",
-  "done": "Hecho",
-  "close": "Cerrar",
-  "noPlayerModalHeader": "Crear un reproductor de interactividad",
-  "noPlayerModalContent1": "Para poder incrustar un proyecto de interactividad, primero hay que activar la función de interactividad.",
-  "noPlayerModalContent2": "Active esta función en cualquier reproductor existente o cree uno nuevo.",
-  "toPlayersModuleLink": "Ir al módulo Players",
-  "cancel": "Cancelar",
-  "createPlayerNow": "Crear reproductor ahora",
-  "createPlayerFailedTitle": "No ha sido posible crear el reproductor con la interactividad activada.",
-  "createPlayerFailedMessage": "Vuelva a intentarlo.",
-  "activateModal": "No hay ningún reproductor con la interactividad activada",
-  "activateModalContent1": "Para poder incrustar proyectos, se precisa un reproductor con la interactividad activada. En este momento, esta cuenta no tiene reproductores con la interactividad activada. Para crear uno, utilice el ",
-  "activateModalContent2": "Módulo Players",
-  "customSettings": {
-    "sizing": "Dimensionamiento",
-    "aspectRatio": "Relación de aspecto",
-    "playerWidth": "Anchura del reproductor",
-    "playerHeight": "Altura del reproductor",
-    "units": "Unidades"
-  },
-  "lowLatency": "Baja latencia",
-  "dvr": {
-    "allowDVR": "Permitir DVR",
-    "inputLabel": "Time",
-    "inputDescription": "The time, in seconds, to keep in the live DVR manifest"
-  }
-}

package/src/translations/fr.json

@@ -1,53 +0,0 @@
-{
-  "modalHeader": "Intégration à un site Internet",
-  "mediaNotice": "Ceci utilisera le lecteur par défaut de votre compte",
-  "tooltipText": "Utilise actuellement le lecteur Brightcove par défaut. La fonctionnalité de gestion des lecteurs sera bientôt disponible.",
-  "tooltipTextNew": "Les joueurs choisissent l'expérience de lecture vidéo comme l'apparence, les paramètres de configuration spéciaux, et plus.",
-  "tooltipLink": "En savoir plus sur les lecteurs",
-  "learnmore": "https://fr.studio.support.brightcove.com/players/getting-started-players-module.html",
-  "previewButton": "Aperçu",
-  "player": "Player",
-  "getURL": "Obtenir l'URL",
-  "tabs": {
-    "labels": {
-      "iframe": "iframe",
-      "javascript": "JavaScript"
-    },
-    "helperText": "Copiez le code HTML et collez-le dans votre site Internet.",
-    "helperTextWarning": "Ce joueur est configuré avec le plug-in Campaign. Pour garantir un suivi adéquat, le code incorporé JavaScript doit être utilisé.",
-    "viewerIdTextWarning": "Ce joueur est configuré avec le suivi des ID spectateurs. Pour garantir un suivi adéquat, le code incorporé JavaScript doit être utilisé.",
-    "bcMapTrackingTextWarning": "This player is configured with MAPs Tracking. To ensure proper tracking, the JavaScript embed code should be used."
-  },
-  "toasterTitle": "Réussite.",
-  "toasterMessage": "Code copié dans le presse-papiers",
-  "toasterGetURLSuccess": "URL copiée dans le presse-papiers",
-  "toasterGetURLError": "Impossible de générer l'URL",
-  "toasterErrorMessage": "Erreur lors de la copie du texte dans le presse-papiers",
-  "customPluginNotice": "En raison des configurations personnalisées, vous pourriez ne pas pouvoir visualiser l'aperçu plein écran.",
-  "done": "Terminé",
-  "close": "Fermer",
-  "noPlayerModalHeader": "Créer un lecteur d’interactivité",
-  "noPlayerModalContent1": "Pour intégrer un projet d’interactivité vous devez activer la fonction d’interactivité.",
-  "noPlayerModalContent2": "Activez cette fonction sur un lecteur existant ou créez-en un nouveau.",
-  "toPlayersModuleLink": "Accéder au module Lecteurs",
-  "cancel": "Annuler",
-  "createPlayerNow": "Créer un lecteur maintenant",
-  "createPlayerFailedTitle": "Impossible de créer le lecteur compatible à l’interactivité.",
-  "createPlayerFailedMessage": "Veuillez réessayer.",
-  "activateModal": "Aucun lecteur compatible à l’interactivité.",
-  "activateModalContent1": "Un lecteur compatible à l’interactivité est obligatoire pour intégrer un projet. Actuellement, ce compte ne contient aucun lecteur compatible à l’interactivité. Pour en créer un, utilisez le ",
-  "activateModalContent2": "module Lecteurs",
-  "customSettings": {
-    "sizing": "Redimensionnement",
-    "aspectRatio": "Ratio d'aspect",
-    "playerWidth": "Largeur du lecteur",
-    "playerHeight": "Hauteur du lecteur",
-    "units": "Unités"
-  },
-  "lowLatency": "Faible latence",
-  "dvr": {
-    "allowDVR": "Permettre le DVR",
-    "inputLabel": "Time",
-    "inputDescription": "The time, in seconds, to keep in the live DVR manifest"
-  }
-}

package/src/translations/ja.json

@@ -1,53 +0,0 @@
-{
-  "modalHeader": "Webサイトに埋め込み",
-  "mediaNotice": "アカウントのデフォルトのプレーヤーを使用します",
-  "tooltipText": "現在、Brightcoveのデフォルトのプレーヤーを使用しています。プレーヤー管理が、間もなく公開されます。",
-  "tooltipTextNew": "プレーヤーは、スタイル指定や特別な設定など、動画再生体験を決定します。",
-  "tooltipLink": "プレーヤーについての詳細",
-  "learnmore": "https://ja.studio.support.brightcove.com/players/getting-started-players-module.html",
-  "previewButton": "プレビュー",
-  "player": "プレーヤー",
-  "getURL": "URLを取得する",
-  "tabs": {
-    "labels": {
-      "iframe": "iframe",
-      "javascript": "JavaScript"
-    },
-    "helperText": "HTMLコードをコピーし、お客様のWebサイトに貼り付けてください。",
-    "helperTextWarning": "このプレーヤーは、キャンペーンプラグインを使って構成されています。適切にトラッキングするには、 JavaScript埋め込みコードを使用してください。",
-    "viewerIdTextWarning": "このプレーヤーは、視聴者IDトラッキングを使って構成されています。適切にトラッキングするには、 JavaScript埋め込みコードを使用してください。",
-    "bcMapTrackingTextWarning": "This player is configured with MAPs Tracking. To ensure proper tracking, the JavaScript embed code should be used."
-  },
-  "toasterTitle": "成功。",
-  "toasterMessage": "コードをクリップボードにコピーしました",
-  "toasterGetURLSuccess": "URLをクリップボードにコピーしました",
-  "toasterGetURLError": "URLを生成できません",
-  "toasterErrorMessage": "テキストをクリップボードにコピー中にエラーが発生しました",
-  "customPluginNotice": "カスタム設定により、プレビューが完全でない場合があります。",
-  "done": "完了",
-  "close": "閉じる",
-  "noPlayerModalHeader": "インタラクティブプレーヤーの作成",
-  "noPlayerModalContent1": "インタラクティブプロジェクトを埋め込むには、インタラクティブ機能を有効にする必要があります。",
-  "noPlayerModalContent2": "既存のプレーヤーでこの機能をアクティブ化するか、新しいプレーヤーを作成してください。",
-  "toPlayersModuleLink": "Playersモジュールに移動します",
-  "cancel": "キャンセル",
-  "createPlayerNow": "今すぐプレーヤーを作成",
-  "createPlayerFailedTitle": "インタラクティブ機能対応プレーヤーの作成に失敗しました。",
-  "createPlayerFailedMessage": "もう一度お試しください。",
-  "activateModal": "インタラクティブ機能対応プレーヤーがありません",
-  "activateModalContent1": "プロジェクトを埋め込むには、インタラクティブ機能対応プレーヤーが必要です。現在、このアカウントには、インタラクティブ機能対応プレーヤーがありません。作成するには ",
-  "activateModalContent2": "Playersモジュールを使用します",
-  "customSettings": {
-    "sizing": "サイズ",
-    "aspectRatio": "アスペクト比",
-    "playerWidth": "プレーヤーの幅",
-    "playerHeight": "プレーヤーの高さ",
-    "units": "単位"
-  },
-  "lowLatency": "低遅延",
-  "dvr": {
-    "allowDVR": "DVR の許可",
-    "inputLabel": "Time",
-    "inputDescription": "The time, in seconds, to keep in the live DVR manifest"
-  }
-}