Benutzerdefinierte Zusammen-Modus-Szenen

Hinweis

Dieses Feature ist derzeit nur in der öffentlichen Entwicklervorschau verfügbar.

Szenen im benutzerdefinierten Zusammen-Modus in Microsoft Teams bieten eine immersive und ansprechende Besprechungsumgebung, die Menschen zusammenführt und sie dazu auffordert, ihr Video zu aktivieren. Sie kombiniert Teilnehmer digital in einer einzelnen virtuellen Szene und platziert ihre Videostreams in vordefinierten Arbeitsplätzen, die vom Szenenersteller entworfen und behoben wurden.

Eine Szene in benutzerdefinierten Szenen im Gemeinsamen Modus ist ein Artefakt, das vom Szenenentwickler mithilfe des Microsoft Scene Studio erstellt wurde. In einer eingestellten Szeneneinstellung haben die Teilnehmer Arbeitsplätze mit Videostreams festgelegt, die auf diesen Arbeitsplätzen gerendert werden.

Hinweis

Apps nur für Szenen werden empfohlen, da die Kauferfahrung für solche Apps nahtloser ist.

Der folgende Prozess bietet eine Übersicht zum Erstellen einer Nur-Szene-App:

Nur-Szene-App erstellen

Hinweis

  • Eine Nur-Szene-App ist immer noch eine App in Microsoft Teams. Das Szenenstudio verarbeitet die Erstellung des App-Pakets im Hintergrund.
  • Mehrere Szenen in einem einzelnen App-Paket werden Benutzern als flache Liste von Szenen angezeigt.

Voraussetzungen

Sie müssen über grundlegende Kenntnisse der folgenden Punkte verfügen, um benutzerdefinierte Szenen im Zusammen-Modus verwenden zu können:

Bewährte Methoden

Berücksichtigen Sie vor dem Erstellen einer Szene Folgendes, um eine nahtlose Szenenerstellung zu ermöglichen:

  • Stellen Sie sicher, dass alle Bilder im PNG-Format vorliegen.

  • Stellen Sie sicher, dass das endgültige Paket mit allen zusammen zusammengestellten Bildern die Auflösung von 1920 x 1080 nicht überschreiten darf.

    Hinweis

    Die Auflösung ist eine gerade Zahl. Dies ist eine Voraussetzung dafür, dass Szenen erfolgreich beleuchtet werden.

  • Stellen Sie sicher, dass die maximale Szenengröße 10 MB beträgt.

  • Stellen Sie sicher, dass die maximale Größe jedes Bilds 5 MB beträgt.

    Hinweis

    • Eine Szene ist eine Sammlung mehrerer Bilder. Der Grenzwert gilt für jedes einzelne Bild.
    • Die individuelle Bildauflösung muss auch eine gerade Zahl sein.
  • Stellen Sie sicher, dass das Kontrollkästchen Transparent aktiviert ist, wenn das Bild transparent ist. Dieses Kontrollkästchen ist im rechten Bereich verfügbar, wenn ein Bild ausgewählt ist.

    Hinweis

    Überlappende Bilder müssen als transparent markiert werden, um anzuzeigen, dass es sich um überlappende Bilder in der Szene handelt.

Erstellen einer Szene mithilfe des Szenenstudios

Microsoft verfügt über ein Szenenstudio, mit dem Sie Szenen erstellen können. Es ist im Szenen-Editor– Teams Entwicklerportal verfügbar.

Hinweis

Dieses Dokument bezieht sich auf Scene Studio im Microsoft Teams Entwicklerportal. Die Benutzeroberfläche und Funktionen sind im App Studio Scene Designer identisch.

Eine Szene im Kontext des Szenenstudios ist ein Artefakt, das Folgendes enthält:

  • Reservierte Arbeitsplätze für Besprechungsorganisatoren und Besprechungsreferenten.

    Hinweis

    Der Referent bezieht sich nicht auf den Benutzer, der aktiv teilt. Es bezieht sich auf die Besprechungsrolle.

  • Platz und Bild für jeden Teilnehmer mit einer anpassbaren Breite und Höhe.

    Hinweis

    PNG ist das einzige unterstützte Format.

  • XYZ-Koordinaten aller Arbeitsplätze und Bilder.

  • Sammlung von Bildern, die als ein einziges Bild getarnt sind.

Die Platzabmessungen werden zum Zeichenbereich für das Rendern des Videostreams des Teilnehmers. Die folgende Abbildung zeigt jeden Platz, der als Avatar zum Erstellen von Szenen dargestellt wird:

Szenenstudio

So erstellen Sie eine Szene mit dem Scene Studio

  1. Wechseln Sie zum Szenen-Editor – Teams Entwicklerportal.

    Hinweis

    • Um Scene Studio zu öffnen, können Sie zur Startseite von Teams Entwicklerportal navigieren und benutzerdefinierte Szenen für Besprechungen erstellen auswählen.
    • Um Scene Studio zu öffnen, können Sie zur Startseite von Teams Entwicklerportalnavigieren, im linken Abschnitt die Option "Extras" und im Abschnitt "Extras" das Szenenstudio auswählen.
  2. Wählen Sie auf der Seite "Szenen-Editor" die Option "Neue Szene erstellen" aus.

  3. Geben Sie im Szenenfeld einen Namen für die Szene ein.

    Hinweis

    • Sie können "Schließen" auswählen, um zwischen dem Schließen oder erneuten Öffnen des rechten Bereichs zu wechseln.
    • Sie können die Szene mithilfe der Zoomleiste vergrößern oder verkleinern, um eine bessere Ansicht der Szene zu erzielen.
  4. Ziehen Sie das Bild in die Umgebung, wie in der folgenden Abbildung dargestellt:

    Hinweis

    • Sie können die SampleScene.zip herunterladen und Dateien mit den Bildern SampleApp.zip.
    • Alternativ können Sie der Szene Hintergrundbilder hinzufügen, indem Sie Bilder hinzufügen.

    Ziehen in die Szene

  5. Wählen Sie das Bild aus, das Sie platziert haben.

  6. Wählen Sie im rechten Bereich eine Ausrichtung für das Bild aus, oder verwenden Sie den Schieberegler "Größe anpassen", um die Bildgröße anzupassen.

    Ausrichtung für Bilder

  7. Wählen Sie einen Bereich außerhalb des Bilds aus.

  8. Wählen Sie in der oberen rechten Ecke unter "Layer" die Option "Teilnehmer" aus.

  9. Wählen Sie im Feld "Anzahl der Teilnehmer" die Anzahl der Teilnehmer für die Szene aus, und wählen Sie "Hinzufügen" aus.

    Hinweis

    • Nachdem die Szene ausgeliefert wurde, werden die Avatar-Platzierungen durch die Videostreams des tatsächlichen Teilnehmers ersetzt.
    • Sie können die Teilnehmerbilder um die Szene ziehen und an der erforderlichen Position platzieren und die Größe mithilfe des Größenänderungspfeils ändern.
  10. Wählen Sie ein beliebiges Teilnehmerbild aus, und aktivieren Sie das Kontrollkästchen "Spot zuweisen", um dem Teilnehmer die Stelle zuzuweisen.

  11. Wählen Sie die Rolle "Besprechungsorganisator" oder "Referent" für den Teilnehmer aus.

    Hinweis

    In einer Besprechung muss einem Teilnehmer die Rolle eines Besprechungsorganisators zugewiesen werden.

    Spot zuweisen

  12. Wählen Sie "Speichern" und dann "Ansicht" in Teams aus, um Ihre Szene in Microsoft Teams schnell zu testen.

    Hinweis

    • Wenn Sie "Ansicht" in Teams auswählen, wird automatisch eine Microsoft Teams App erstellt, die auf der Seite "Apps" im Teams Entwicklerportal angezeigt werden kann.
    • Wenn Sie "Ansicht" in Teams auswählen, wird automatisch ein App-Paket erstellt, das hinter der Szene appmanifest.jswird. Wie bereits erwähnt, ist dies abstrahiert, Aber Sie können über das Menü zu Apps navigieren, um auf das automatisch erstellte App-Paket zuzugreifen.
    • Um eine von Ihnen erstellte Szene zu löschen, wählen Sie die Szene auf der oberen Leiste löschen aus.
  13. Wählen Sie im daraufhin angezeigten Dialogfeld "Hinzufügen" aus.

    Sie können die Szene testen oder darauf zugreifen, indem Sie eine Testbesprechung erstellen und benutzerdefinierte Szenen im Gemeinsamen Modus starten. Weitere Informationen finden Sie unter Aktivieren benutzerdefinierter Szenen für den Zusammen-Modus.

    Starten von Szenen im benutzerdefinierten Modus "Zusammen"

    Hinweis

    • Die Szene kann in der benutzerdefinierten Szenengalerie für den Zusammen-Modus angezeigt werden.
  14. Optional können Sie im Dropdownmenü "Speichern" die Option "Freigeben" auswählen, um einen freigabefähigen Link zu erstellen, um Ihre Szenen für andere Benutzer einfach zu verteilen. Durch Öffnen dieses Links wird die Szene für den Benutzer installiert, und er kann mit der Verwendung beginnen.

  15. Nach der Vorschau kann die Szene als App an Teams ausgeliefert werden, indem Sie die Schritte für die App-Übermittlung ausführen.

    Hinweis

    Dieser Schritt erfordert das App-Paket, das sich vom Szenenpaket unterscheidet, für die Szene, die entworfen wurde. Das automatisch erstellte App-Paket finden Sie im Abschnitt "Apps" im Teams Developer Center.

  16. Optional kann das Szenenpaket abgerufen werden, indem Sie im Dropdownmenü "Speichern" die Option "Exportieren" auswählen. Eine .zip Datei, bei der es sich um das Szenenpaket handelt, wird heruntergeladen.

    Exportieren einer Szene

    Hinweis

    Das Szenenpaket besteht aus einem scene.jsund den PNG-Ressourcen, die zum Erstellen einer Szene verwendet werden. Das Szenenpaket kann auf andere Änderungen überprüft werden, wie im Beispiel scene.jsim Abschnitt dieses Dokuments beschrieben.

Eine komplexere Szene, die die Z-Achse nutzt, wird im Beispiel für die ersten Schritte veranschaulicht.

Beispiel scene.json

Scene.jszusammen mit den Bildern gibt die genaue Position der Arbeitsplätze an. Eine Szene besteht aus Bitmapbildern, Sprites und Rechtecke, in die Teilnehmervideos eingefügt werden. Diese Sprites und Teilnehmerfelder werden in einem Weltkoordinatensystem definiert, wobei die X-Achse nach rechts und die Y-Achse nach unten zeigen. Szenen im benutzerdefinierten Zusammen-Modus unterstützen das Vergrößern der aktuellen Teilnehmer. Dies ist hilfreich für kleine Besprechungen in einer großen Szene. Ein Sprite ist ein statisches Bitmapbild, das in der Welt positioniert ist. Der Z-Wert des Sprite bestimmt die Position des Sprite. Das Rendern beginnt mit dem Sprite mit dem niedrigsten Z-Wert, daher bedeutet ein höherer Z-Wert, dass es näher an der Kamera ist. Jeder Teilnehmer verfügt über einen eigenen Videofeed, der so segmentiert ist, dass nur der Vordergrund gerendert wird.

Im Folgenden finden Sie die scene.jsim Beispiel:

{
   "protocolVersion": "1.0",
   "id": "A",
   "autoZoom": true,
   "mirrorParticipants ": true,
   "extent":{
      "left":0.0,
      "top":0.0,
      "width":16.0,
      "height":9.0
   },
   "sprites":[
      {
         "filename":"background.png",
         "cx":8.0,
         "cy":4.5,
         "width":16.0,
         "height":9.0,
         "zOrder":0.0,
   "isAlpha":false
      },
      {
         "filename":"table.png",
         "cx":8.0,
         "cy":7.0,
         "width":12.0,
         "height":4.0,
         "zOrder":3.0,
   "isAlpha":true
      },
      {
         "filename":"row0.png",
         "cx":12.0,
         "cy":15.0,
         "width":8.0,
         "height":4.0,
         "zOrder":2.0,
   "isAlpha":true
      }

   ],
   "participants":[
      {
         "cx":5.0,
         "cy":4.0,
         "width":4.0,
         "height":2.25,
         "zOrder":1.0,
         "seatingOrder":0
      },
      {
         "cx":11.0,
         "cy":4.0,
         "width":4.0,
         "height":2.25,
         "zOrder":1.0,
         "seatingOrder":1
      }
   ]
}

Jede Szene hat eine eindeutige ID und einen eindeutigen Namen. Die Szenen-JSON enthält auch Informationen zu allen Ressourcen, die für die Szene verwendet werden. Jede Ressource enthält einen Dateinamen, eine Breite, eine Höhe und eine Position auf der X- und Y-Achse. Entsprechend enthält jeder Arbeitsplatz eine Platz-ID, Breite, Höhe und Position auf der X- und Y-Achse. Die Reihenfolge der Auslastung wird automatisch generiert und kann je nach Präferenz geändert werden.

Hinweis

Die Nummer der Reihenfolge der Benachrichtigung entspricht der Reihenfolge der Personen, die dem Anruf beitreten.

Der ZOrder stellt die Reihenfolge dar, in der Bilder und Arbeitsplätze entlang der Z-Achse platziert werden. In vielen Fällen gibt es bei Bedarf ein Gefühl von Tiefe oder Partition. Weitere Informationen finden Sie im Schritt-für-Schritt-Beispiel für die ersten Schritte. Das Beispiel nutzt zOrder.

Nachdem Sie nun das Beispiel scene.jsweiter durchgegangen sind, können Sie die benutzerdefinierten Szenen im Zusammen-Modus aktivieren, um szenenaktiviert zu werden.

Aktivieren von Szenen im benutzerdefinierten Modus "Zusammen"

Hier erhalten Sie End-to-End-Informationen dazu, wie sich ein Endbenutzer mit Szenen in benutzerdefinierten Szenen im Zusammen-Modus beschäftigt.

So wählen Sie Szenen aus und aktivieren benutzerdefinierte Szenen im Zusammen-Modus

  1. Erstellen sie eine neue Testbesprechung.

    Hinweis

    Bei Auswahl der Vorschau im Szenenstudio wird die Szene als App in Microsoft Teams installiert. Dies ist das Modell, mit dem Entwickler Szenen aus dem Szenenstudio testen und ausprobieren können. Nachdem eine Szene als App ausgeliefert wurde, sehen Benutzer diese Szenen in der Szenengalerie.

  2. Wählen Sie in der Dropdownliste Katalog in der oberen linken Ecke den Modus Zusammen aus. Das Dialogfeld "Auswahl" wird angezeigt, und die hinzugefügte Szene ist verfügbar.

  3. Wählen Sie "Szene ändern" aus, um die Standard-Szene zu ändern.

  4. Wählen Sie im Szenenkatalog die Szene aus, die Sie für Ihre Besprechung verwenden möchten.

  5. Optional können der Besprechungsorganisator und der Referent die Szene für alle Teilnehmer der Besprechung ändern.

    Hinweis

    Zu jedem Zeitpunkt kann nur eine Szene homogen für die Besprechung verwendet werden. Wenn ein Referent oder Organisator eine Szene ändert, wird sie für alle geändert. Das Wechseln in oder aus benutzerdefinierten Szenen für den gemeinsamen Modus ist für einzelne Teilnehmer selbst möglich, aber in benutzerdefinierten Szenen im Gemeinsamen Modus haben alle Teilnehmer dieselbe Szene.

  6. Wählen Sie Anwenden aus. Teams installiert die App für den Benutzer und wendet die Szene an.

Öffnen eines benutzerdefinierten Szenenpakets für den Gemeinsamen Modus

Sie können das Szenenpaket, das eine aus dem Szenenstudio abgerufene .zip datei ist, für andere Ersteller freigeben, um die Szene weiter zu verbessern. Die Funktion zum Importieren einer Szene kann verwendet werden. Mit diesem Tool können Sie ein Szenenpaket entpacken, damit der Ersteller die Szene weiter erstellen kann.

Szenen-ZIP-Datei

Siehe auch

Apps für Teams Besprechungen