L’Outil Surpuissant pour Exploser ton Chiffre d'Affaires en 2025 !
Vizio Smart TV : un guide complet pour démarrer le développement initial d’une application
Introduction
Vizio (Vizio Holding Corp.) est une société américaine qui conçoit et vend des téléviseurs, des barres de son, etc. Fondée en 2002 et basée à Irvine, en Californie, Vizio propose également des données sur les téléspectateurs et des services publicitaires. La télévision est le principal produit de cette entreprise et, en 2007, elle est devenue le plus grand vendeur de téléviseurs en Amérique du Nord. Ce blog approfondit les aspects techniques des téléviseurs intelligents Vizio et le développement de leurs applicationssoulignant l’évolution et l’impact sur l’expérience utilisateur.
Écosystème de développeurs Vizio
L’écosystème de développeurs Vizio fournit un accès API ouvert, permettant aux développeurs de créer des applications et des intégrations personnalisées. Vizio collabore avec des partenaires de contenu et de technologie pour proposer des applications et des services uniques. Un support complet comprend une documentation détaillée, une assistance technique et des outils de développement.
Plateforme Vizio TV pour applications
- À base de chrome : Les applications TV fonctionnent sur un navigateur Chromium optimisé pour une interface utilisateur de 10 pieds.
- Débogage à distance : Utilisez les outils de débogage à distance de Chromium.
- Applications HTML5 : Conçu pour l’expérience de 10 pieds, fonctionnant dans l’environnement Chromium.
- Liens profonds : Lancez le contenu de Vizio Mobile directement dans les applications HTML5.
- Bibliothèque JavaScript : Les applications doivent s’intégrer à la bibliothèque de Vizio pour le contrôle à distance IR et la conformité de la plate-forme.
En savoir plus: Meilleures pratiques pour développer une application OTT sur Roku
Développement d’applications pour Vizio Smart TV
Inscription et accès
Avant de commencer le développement, les clients doivent enregistrer leurs applications auprès de Vizio pour accéder à la fonctionnalité de la bibliothèque complémentaire. Ils doivent fournir les URL de pré-production et de production de leur application TV HTML5 au cours de ce processus. Ces URL sont essentielles à l’authentification dans le framework Vizio.
Note: Vous aurez besoin d’un nom d’utilisateur et d’un mot de passe pour accéder au formulaire de soumission d’application qui sera fourni par Vizio lors de l’inscription ou qui sera disponible dans les documents partagés par Vizio.
Intégration de la bibliothèque Vizio
Pour accéder à la bibliothèque compagnon, utilisez l’URL suivante sur le serveur local :
"https://www.tothenew.com/blog/vizio-smart-tv-a-comprehensive-guide-to-start-initial-app-development/https//:"+"localhost:12345/scfs/cl/js/vizio-companion-lib.js"Note: L’URL ci-dessus est écrite en deux parties, concaténez-la lors de son utilisation dans le code.
IMPORTANT: L’application doit initialiser et lier tous les rappels, y compris le rappel principal. VIZIO_LIBRARY_DID_LOAD événement, avant de charger la bibliothèque compagnon. Cela garantit que tous les gestionnaires sont prêts lorsque l’événement se déclenche. Passez simplement les appels JavaScript de votre application avant de charger la bibliothèque compagnon.
//---Vizio Library Integration------//
function loadVizioSDK(callback: any) {
var script = document.createElement("script");
script.src = "https://www.tothenew.com/blog/vizio-smart-tv-a-comprehensive-guide-to-start-initial-app-development/https//:" + "localhost:12345/scfs/cl/js/vizio-companion-lib.js";
document.body.appendChild(script);
script.onload = callback;
}
loadVizioSDK(function() {
document.addEventListener(
"VIZIO_LIBRARY_DID_LOAD",
function(e) {
// Closed Captions
window.VIZIO.setClosedCaptionHandler(function(isCCEnabled: any) {
window.VIZIO.setClosedCaptionHandler(function(isCCEnabled) {
if (isCCEnabled) {
console.log("Closed captioning enabled");
document.getElementById("cc-state").innerHTML = "ON";
} else {
console.log("Closed captioning disabled");
document.getElementById("cc-state").innerHTML = "OFF";
}
});
// Device ID
window.VIZIO.getDeviceId(function(deviceId: any) {
localStorage.setItem("deviceid", deviceId);
});
},
true
);
// TTS
document.addEventListener("VIZIO_TTS_ENABLED", function(e) {
console.log(e, "TTS ENABLED");
document.getElementById("tts-state").innerHTML = "ON";
}, false);
document.addEventListener("VIZIO_TTS_DISABLED", function(e) {
console.log(e, "TTS DISABLED");
document.getElementById("tts-state").innerHTML = "OFF";
}, false);
});Installation et débogage d’applications dans Vizio TV
La plateforme VIZIO utilise une version personnalisée du navigateur Chromium. Les applications Smart Cast sont créées avec HTML5 et JavaScript. Pour les tests, le code complet de l’application doit être hébergé publiquement ou localement, et l’URL de l’application peut être lancée dans le navigateur du téléviseur cible.
Activer le mode développeur sur Vizio TV
- Pour activer le mode développement, contactez votre VIZIO AIM et fournissez le numéro de série du téléviseur (à partir du volet Informations système).
- Demande de basculement du téléviseur vers une configuration développeur.
- Une fois confirmé, le téléviseur affichera « Vérification des mises à jour » ou « Mise à jour du logiciel ».
- Après la mise à jour, redémarrez le téléviseur à partir du volet Système.
Installation de l’application sur Vizio TV
- Assurez-vous que votre téléviseur et votre ordinateur portable sont connectés au même réseau Wi-Fi.
- Lancez le navigateur Chrome (d’autres navigateurs peuvent être utilisés, mais Chrome est recommandé pour une meilleure expérience) sur votre ordinateur portable et ouvrez le fichier suivant URL.
Écran pour saisir l’adresse IP du téléviseur
- Entrez l’adresse IP de votre téléviseur (trouvée dans les paramètres réseau du téléviseur) et cliquez sur « Démarrer le couplage ».
Choisissez l’adresse IP du téléviseur ici
- Maintenant, entrez le code PIN affiché sur votre téléviseur et cliquez pour effectuer le couplage.
- Entrez l’URL de l’application hébergée dans la zone de saisie qui s’affichera juste après le couplage des appareils et cliquez sur « Lancer » pour démarrer l’application sur votre téléviseur.
Entrez l’URL de l’application ici
Comment ouvrir le débogueur
- Une fois l’application installée sur Vizio TV, ouvrez un nouvel onglet dans votre navigateur et saisissez l’URL suivante : « http://[TV_IP_ADDRESS]:9555/»
Exemple: http://182.16.26.91:9555/
Page ayant l’URL pour ouvrir le débogueur
- Cliquez maintenant sur l’URL commençant par « outils de développement:// » pour ouvrir le débogueur de l’application.
Soumission d’application à la boutique Vizio
- Assurez-vous que toutes les intégrations de fonctionnalités requises sont mises en œuvre et que l’application est entièrement testée sur les téléviseurs VIZIO avant de la soumettre.
- Contactez votre App Integration Manager (AIM) pour obtenir la dernière liste de contrôle de pré-certification pour les autotests.
- Soumission d’une nouvelle application
Lorsque vous êtes prêt à soumettre une nouvelle application pour vérification VIZIO, remplissez le formulaire de soumission. ici.
Entrez les détails de l’application ici pour stocker le téléchargement
- Soumission des actifs uniquement
Pour les applications existantes nécessitant de nouveaux éléments (par exemple, des icônes sur l’appareil ou des détails sur l’application), utilisez le formulaire provisoire. ici.
Conclusion
Les téléviseurs intelligents Vizio offrent une plate-forme riche pour les développeurs et les utilisateurs, combinant un matériel avancé avec un environnement de développement flexible. En comprenant les détails techniques et en suivant les procédures appropriées de développement, d’installation et de soumission, vous pouvez tirer parti de l’écosystème de Vizio pour créer des applications percutantes et offrir des expériences utilisateur améliorées. TO THE NEW est votre guichet unique pour tous vos services de développement OTT, de Smart TV et de monétisation multimédia. Parlez à nos experts aujourd’hui.
VOUS TROUVEZ CECI UTILE ? PARTAGEZ-LE
Source link