Aller au contenu principal

14 documents tagués avec "overlays"

Voir tous les tags

Alerts

Cet overlay/dock sert à afficher des alertes multiplateformes les spectateurs. Ces alertes peuvent avoir des messages, images et sons personnalisés.

Chat

Cet overlay/dock sert à afficher un chat multiplateformes, soit pour les spectateurs soit pour le streameur.

Concepts

Les outils Multistream Tools s'articulent autour de différents concepts pour lesquels il est important d'avoir une vue d'ensemble avant d'entrer dans les détails.

Développer un overlay

Une fois familiarisé avec le concept d'overlay, vous aurez probablement la volonté de développer les vôtres. Cette page fait donc office de "tutoriel" rapide afin que vous puissiez maîtriser les blocs principaux constituant la réalisation d'un overlay capable de recevoir et d'émettre des événements mais également d'utiliser l'API JavaScript d'OBS.

Développer un thème

Une fois familiarisé avec le concept de thème, vous aurez probablement la volonté de développer les vôtres. Cette page fait donc office de "tutoriel" rapide afin que vous puissiez maîtriser les blocs principaux constituant la réalisation d'un thème applicable à des overlays et/ou docks.

Featured

Cet overlay, destiné à être intégré à votre installation d'OBS sous la forme d'une source de type navigateur Web, va de pair avec le dock de notre overlay Chat et permet de mettre en avant (exposer) sur votre stream les messages de chat de votre choix. Par exemple, lors d'une foire aux questions (FAQ) ou d'une interview, vos spectateurs pourront ainsi plus facilement identifier le sujet en cours de discussion.

Framework CSS

Nous fournissons un framework CSS destiné à vous aider dans le développement d'overlays et docks ainsi que l'application de thèmes sur ceux-ci. Vous trouverez ci-dessous l'ensemble des variables et classes exposées, regroupées par thématiques.

Framework JavaScript

Nous fournissons un framework JavaScript destiné à vous aider dans le développement d'adaptateurs, overlays et docks. Vous trouverez ci-dessous l'ensemble des constantes, fonctions et classes exposées, regroupées par thématiques.

Hébergement

Après avoir développé vos propres adaptateurs, overlays et thèmes il est nécessaire que ceux-ci soient hébergés et servis en HTTPS pour être utilisés dans notre système. Les adaptateurs et overlays sont des pages HTML pouvant être affichées dans des iframes, les thèmes sont quant à eux de simples fichiers CSS ; leur hébergement est donc standard dans le monde du développement Web.

OBS

Le meilleur logiciel gratuit pour streamer et enregistrer des vidéos.

Overlays

Les overlays, tels que décrits précédemment, sont distribués sous la forme de pages HTML servies en HTTPS. Ils sont affichés par le biais de notre wrapper et font appel à nos frameworks JavaScript et CSS pour recevoir (observer) et envoyer (émettre) des événements ainsi qu'utiliser l'API JavaScript dOBS.

Polls

Cet overlay sert à administrer et afficher des sondages multiplateformes.

Thèmes

Notre dock et chaque overlay peuvent être présentés différemment de leurs styles par défaut grâce à la fonctionnalité de thème. Il s'agit simplement d'écrire du code CSS, basé sur notre framework CSS, et d'utiliser le pramètre theme prévu à cet effet. Il existe deux façons de configurer ce paramètre pour appliquer le thème de son choix.

Wrapper

Notre wrapper, tel que décrit précédemment, est distribué sous la forme d'une page HTML présente à l'adresse suivante :