Verwenden von SAMI mit dem Windows Medienwiedergabe-Steuerelement in einem Browser

Anstatt eine SAMI-Datei für jede Schriftart oder Sprache zu erstellen, können Sie verschiedene Formatvorlagenklassen in einer Datei deklarieren, indem Sie grundlegende Skripterstellung und das Windows Medienwiedergabe Steuerelementobjektmodell verwenden. Sie können benutzerdefinierte Steuerelemente erstellen, die es dem Benutzer ermöglichen, zwischen den verschiedenen Stil- und Sprachoptionen auszuwählen. Darüber hinaus haben Sie die vollständige Kontrolle über das Design der Player-Schnittstelle und die Anpassung jeder Funktion.

Ausführliche Informationen zum Einbetten des Windows Medienwiedergabe-Steuerelements auf einer Webseite finden Sie unter Einfaches Beispiel für Skripterstellung auf einer Webseite.

Im folgenden Beispielcode wird veranschaulicht, wie Sie Untertitel mit dem in einer Webseite eingebetteten Windows Medienwiedergabe-Steuerelement verwenden. Es enthält Steuerelemente, mit denen der Benutzer Schriftartformat und Sprache auswählen kann.

<HTML>
<HEAD>

<SCRIPT>
  // The following variable is used to prevent multiple initialization.
  var initialized = false;
  // The following function populates the select boxes.
  // It is called the first time the media file is opened.
  // Before then, the SAMI settings cannot be retrieved.
  function initialize() {
    var newOption;
    for (var i = 0; i < Player.closedCaption.SAMILangCount; i++) {
      newOption = document.createElement("OPTION");
      newOption.text = Player.closedCaption.getSAMILangName(i);
      newOption.value = newOption.text;
      CCLang.options.add(newOption);
    }
    for (var i = 0; i < Player.closedCaption.SAMIStyleCount; i++) {
      newOption = document.createElement("OPTION");
      newOption.text = Player.closedCaption.getSAMIStyleName(i);
      newOption.value = newOption.text;
      CCStyle.options.add(newOption);
    }
    initialized = true;
  }
</SCRIPT>

<!-- The following script code runs when the page is fully loaded. -->
<SCRIPT for="window" event="onload()">
  Player.closedCaption.captioningID = "captions";
  Player.closedCaption.SAMIFileName = "https://www.proseware.com/Media/seattle.smi";
  // The digital media file will open automatically, after which
  // the OpenStateChange event (handled below) will fire.
  Player.URL = "https://www.proseware.com/Media/seattle.wmv";
</SCRIPT>

<!-- The following script code runs when a media file is opened. -->
<SCRIPT for="Player" event="OpenStateChange(NewState)">
  // The first time this event fires, the Player stops and the 
  // initialize function is called. This allows the user to 
  // select a language and style before viewing the file.
  if (13 == NewState && !initialized) {
    Player.controls.stop();
    initialize();
  }
</SCRIPT>

</HEAD>
<BODY>

<OBJECT 
  ID="Player" 
  classID="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6"
  height="200" 
  width="250"
>
</OBJECT>

<TABLE height="100" width="250" border="3" bordercolor="blue">
  <TR align="center">
    <TD bgcolor="white">
      <SELECT ID="CCLang" onClick="Player.closedCaption.SAMILang = value"></SELECT>
      <SELECT ID="CCStyle" onClick="Player.closedCaption.SAMIStyle = value"></SELECT>
    </TD>
  </TR>
  <TR height="75">
    <TD bgcolor="blue">
      <DIV id="captions"></DIV>
    </TD>
  </TR>
</TABLE>

</BODY>
</HTML>

Hinzufügen von Untertiteln zu digitalen Medien