Widgets sur mesure
Crée tes propres widgets TikTok LIVE
Un widget TikTok LIVE est une page web qui réagit à ton live : un cadeau arrive, la page s’anime, et TikTok LIVE Studio ou OBS affiche cette page dans ton stream. Tu peux en écrire un en HTML, CSS et JavaScript, ou décrire ce que tu veux et laisser l’IA l’écrire : TokElements l’exécute avec tes événements en direct.
Comment marche un widget TikTok LIVE
1 · Ton TikTok LIVE
Les viewers envoient des cadeaux, suivent, likent, partagent et écrivent dans le chat. Chacune de ces actions est un événement.
2 · TokElements
Se connecte à ton live avec ton @nom d’utilisateur public, sans mot de passe, et transmet chaque événement à tes widgets au moment où il se produit.
3 · Ton widget
Une petite page web : du HTML pour ce qu’elle affiche, du CSS pour son apparence, du JavaScript pour ce qu’elle fait quand un événement arrive.
4 · LIVE Studio ou OBS
Le lien de ton overlay se met comme source Lien dans TikTok LIVE Studio ou comme source navigateur dans OBS. Chaque widget dessus est dans ton stream.
Une alerte cadeau en quelques lignes
Les widgets reçoivent les événements via une seule fonction. Celui-ci affiche qui a envoyé quel cadeau, et combien, dès qu’un cadeau arrive :
<div id="alert"></div>
<script>
TE.on('gift', function (e) {
var el = document.getElementById('alert');
el.textContent = e.user.name + ' sent ' + e.gift.name + ' ×' + e.gift.repeat;
el.className = 'show'; // your CSS animates it in
setTimeout(function () { el.className = ''; }, 5000);
});
</script>Ce que les gens créent
Alertes cadeaux
Une animation différente par cadeau : une petite pour une Rose, tout l’écran pour un Lion.
Objectifs
Un objectif d’abonnés, de likes ou de cadeaux que les viewers remplissent ensemble.
Classements
Les top donateurs ou likers du stream, mis à jour en direct.
Jeux
Les viewers jouent par commande de chat ou par cadeau : roues, courses, quiz, tours à empiler.
Chat à l’écran
Ton chat intégré au stream, avec ton propre style.
Tout le reste
Minuteurs, sondages, morceau en cours, animaux qui grandissent avec les cadeaux : c’est une page web, donc ça peut être tout ce qu’une page peut être.
Ou décris-le et laisse l’IA le créer
Pas besoin d’écrire du code. Décris le widget — « une alerte cadeau cyberpunk qui affiche un lion électrique pendant 5 secondes quand quelqu’un envoie un Lion » — et le créateur IA écrit le HTML, le CSS et le JavaScript, le relie à tes événements en direct et l’affiche sur un canevas d’aperçu. Change ce que tu veux en le demandant, ou ouvre le code et modifie-le toi-même.
De l’idée au stream
1 · Crée un compte gratuit
Inscris-toi et relie ton TikTok avec ton @nom d’utilisateur public.
2 · Crée le widget
Pars d’un modèle, écris-le dans l’éditeur du navigateur ou décris-le au créateur IA. Teste-le avec des cadeaux et des follows simulés.
3 · Ajoute un lien à ton stream
Copie le lien de ton overlay dans TikTok LIVE Studio comme source Lien, ou dans OBS comme source navigateur. Chaque widget que tu places est dessus.
Questions
Puis-je créer mes propres widgets pour TikTok LIVE Studio ?
Oui. TikTok LIVE Studio peut afficher une page web comme source Lien, donc un widget est une page web qui réagit à ton live. TokElements donne à cette page tes événements en direct et l’héberge : tu n’écris que ce qu’elle affiche, ou tu laisses l’IA l’écrire.
Faut-il savoir coder ?
Non. Choisis un modèle ou décris le widget au créateur IA. Si tu codes, l’éditeur du navigateur te donne le HTML, le CSS et le JavaScript avec événements en direct et aperçu.
À quels événements un widget peut-il réagir ?
Cadeaux (avec le nombre de combos et la valeur en pièces), follows, likes, partages, abonnements, messages du chat, arrivées, sondages et battles, plus des totaux comme les viewers et les pièces.
Ça marche aussi dans OBS ?
Oui. Le même lien d’overlay marche comme source navigateur dans OBS et comme source Lien dans TikTok LIVE Studio.
Ai-je besoin de mon mot de passe TikTok ?
Non. TokElements trouve ton live grâce à ton @nom d’utilisateur public. Rien ne demande ta connexion TikTok.
Crée ton premier widget dès aujourd’hui.
Compte gratuit, éditeur dans le navigateur, créateur IA et événements TikTok en direct : en live avec un seul lien.
Les menus et fonctions de TikTok LIVE Studio changent avec le temps et varient selon le pays. TokElements n’est pas affilié à TikTok.