{"id":70887,"date":"2025-03-30T15:30:04","date_gmt":"2025-03-30T10:00:04","guid":{"rendered":"https:\/\/tothenewco.pro\/blog\/?p=70887"},"modified":"2025-04-03T09:25:51","modified_gmt":"2025-04-03T03:55:51","slug":"porting-samsung-lg-html-react-app-to-vizio-key-modifications","status":"publish","type":"post","link":"https:\/\/tothenewco.pro\/blog\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\/","title":{"rendered":"Porting Samsung\/LG HTML &amp; React App to Vizio: Key Modifications"},"content":{"rendered":"<h2>Introduction<\/h2>\n<p>Adapting a React-based application originally built for Samsung&#8217;s Tizen OS or LG&#8217;s webOS to run on Vizio&#8217;s SmartCast platform requires modifications to align with its Chromium-based HTML5 environment. Developers must address differences in runtime behavior, packaging formats, platform-specific APIs, and hardware capabilities. This blog outlines the key technical adjustments for a smooth transition and optimal performance on Vizio SmartCast.<\/p>\n<h2>1. Platform Differences &amp; Key Considerations<\/h2>\n<h6><\/h6>\n<table style=\"width: 100%; border-collapse: collapse; border-style: solid; border-color: #e3e3e3; height: 141px;\">\n<tbody>\n<tr style=\"border-collapse: collapse; background-color: #d71b7f;\">\n<th style=\"width: 20.5263%; border-style: solid; border-color: #adadad; text-align: center; vertical-align: middle; height: 45px;\" scope=\"row\"><span style=\"color: #ffffff;\">Feature<\/span><\/th>\n<th style=\"width: 25.9869%; border-style: solid; border-color: #adadad; text-align: center; vertical-align: middle; height: 45px;\" scope=\"row\"><span style=\"color: #ffffff;\"> Samsung (Tizen)<\/span><\/th>\n<th style=\"width: 26.0526%; border-style: solid; border-color: #adadad; text-align: center; vertical-align: middle; height: 45px;\" scope=\"row\"><span style=\"color: #ffffff;\">LG (WebOS)<\/span><\/th>\n<th style=\"width: 27.4342%; border-style: solid; border-color: #adadad; text-align: center; vertical-align: middle; height: 45px;\" scope=\"row\"><span style=\"color: #ffffff;\">Vizio (SmartCast)<\/span><\/th>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"width: 20.5263%; border-style: solid; border-color: #adadad; background-color: #e6e6e6; height: 24px; text-align: center; vertical-align: middle;\"><strong><span style=\"color: #000000;\">App Deployment<\/span><\/strong><\/td>\n<td style=\"width: 25.9869%; border-style: solid; border-color: #adadad; height: 24px; text-align: center; vertical-align: middle;\"><span style=\"color: #000000;\">Installed via Tizen Studio or Tizen Store<\/span><\/td>\n<td style=\"width: 26.0526%; border-style: solid; border-color: #adadad; height: 24px; text-align: center; vertical-align: middle;\"><span style=\"color: #000000;\">Installed via webOS Developer Mode or LG Content Store<\/span><\/td>\n<td style=\"width: 27.4342%; border-style: solid; border-color: #adadad; height: 24px; text-align: center; vertical-align: middle;\"><span style=\"color: #000000;\">Hosted on a remote web server (no direct installation)<\/span><\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"width: 20.5263%; border-style: solid; border-color: #adadad; background-color: #e6e6e6; height: 24px; text-align: center; vertical-align: middle;\"><strong><span style=\"color: #000000;\"> Packaging\/ Structure<\/span><\/strong><\/td>\n<td style=\"width: 25.9869%; border-style: solid; border-color: #adadad; height: 24px; text-align: center; vertical-align: middle;\"><span style=\"color: #000000;\">Uses <code>.wgt<\/code> packages include specific configuration files (e.g., <code>config.xml<\/code>)<\/span><\/td>\n<td style=\"width: 26.0526%; border-style: solid; border-color: #adadad; height: 24px; text-align: center; vertical-align: middle;\"><span style=\"color: #000000;\">Uses <code>.ipk<\/code> packaging, configuration via <code>appinfo.json<\/code>, and related metadata<\/span><\/td>\n<td style=\"width: 27.4342%; border-style: solid; border-color: #adadad; height: 24px; text-align: center; vertical-align: middle;\"><span style=\"color: #000000;\">HTML5\/JavaScript app hosted on a web server (minimal packaging requirements)<\/span><\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"width: 20.5263%; border-style: solid; border-color: #adadad; background-color: #e6e6e6; height: 24px; text-align: center; vertical-align: middle;\"><strong><span style=\"color: #000000;\">API Support<\/span><\/strong><\/td>\n<td style=\"width: 25.9869%; border-style: solid; border-color: #adadad; height: 24px; text-align: center; vertical-align: middle;\"><span style=\"color: #000000;\">Tizen-specific APIs (e.g., <code>webAPIs, avplay, tvinputdevice<\/code>)<\/span><\/td>\n<td style=\"width: 26.0526%; border-style: solid; border-color: #adadad; height: 24px; text-align: center; vertical-align: middle;\"><span style=\"color: #000000;\">webOS-specific APIs, support for Enact UI components<\/span><\/td>\n<td style=\"width: 27.4342%; border-style: solid; border-color: #adadad; height: 24px; text-align: center; vertical-align: middle;\"><span style=\"color: #000000;\">Standard HTML5 and ECMAScript features, limited proprietary<\/span><\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"width: 20.5263%; border-style: solid; border-color: #adadad; background-color: #e6e6e6; height: 24px; text-align: center; vertical-align: middle;\"><strong><span style=\"color: #000000;\">Navigatio<\/span><span style=\"color: #000000;\">n<\/span><\/strong><\/td>\n<td style=\"width: 25.9869%; border-style: solid; border-color: #adadad; height: 24px; text-align: center; vertical-align: middle;\"><span style=\"color: #000000;\"><code>tizen.tvinputdevice<\/code><\/span><\/td>\n<td style=\"width: 26.0526%; border-style: solid; border-color: #adadad; height: 24px; text-align: center; vertical-align: middle;\"><span style=\"color: #000000;\"><code>window.webOS<\/code><\/span><\/td>\n<td style=\"width: 27.4342%; border-style: solid; border-color: #adadad; height: 24px; text-align: center; vertical-align: middle;\"><span style=\"color: #000000;\">Standard HTML5 APIs<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>Key Note:<\/strong> Vizio does not support Tizen or webOS-specific APIs, so developers must use standard HTML5 and JavaScript instead.<\/p>\n<h2>2. Codebase Refactoring<\/h2>\n<p>For a comprehensive guide on starting initial app development, refer to <a href=\"https:\/\/tothenewco.pro\/blog\/vizio-smart-tv-a-comprehensive-guide-to-start-initial-app-development\/\">this blog<\/a>.<\/p>\n<h3><strong>File Structure Adjustments<\/strong><\/h3>\n<ul>\n<li><strong>Samsung\/LG:<\/strong> Includes platform-specific config files (Tizen\u2019s <code>config.xml<\/code> or LG\u2019s <code>appinfo.json<\/code>).<\/li>\n<li><strong>Vizio: <\/strong>Developers can use the same directory structure of Samsung\/LG by removing or refactoring proprietary configuration files to align with SmartCast deployment guidelines. Alternatively, they can consolidate assets (HTML, CSS, JavaScript) into a standard web directory structure.<\/li>\n<\/ul>\n<h3>Dependency Management<\/h3>\n<ul>\n<li>Remove proprietary dependencies like Tizen\u2019s webapis or webOS Luna Service calls.<\/li>\n<li>Replace with standard libraries that are universally supported by modern browsers.<\/li>\n<\/ul>\n<h3>Mandatory code Modifications for Vizio<\/h3>\n<p>After integrating the Companion Library, developers must update the following code to enable these functionalities.<\/p>\n<ul>\n<li>\n<h4><strong>Application Exit<\/strong><\/h4>\n<\/li>\n<\/ul>\n<pre style=\"padding-left: 40px;\">window.VIZIO.exitApplication()<\/pre>\n<ul>\n<li>\n<h4><strong>Updating Key Event Handling<\/strong><\/h4>\n<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">If <strong><code>tizen.tvinputdevice<\/code><\/strong> (Samsung) or <strong><code>window.webOS<\/code><\/strong> (LG) is used for key event detection, replace it with standard JavaScript event listeners.<\/p>\n<pre style=\"padding-left: 40px;\">useEffect(() =&gt; {\r\n   const handleKeyDown = event =&gt; {\r\n       if (event.key === \"Enter\") console.log(\"Enter pressed\");\r\n   };\r\n   document.addEventListener(\"keydown\", handleKeyDown);\r\n   return () =&gt; document.removeEventListener(\"keydown\", handleKeyDown);\r\n}, []);<\/pre>\n<ul>\n<li>\n<h4><strong>Accessibility Support<\/strong><\/h4>\n<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Once the companion library is integrated (<a href=\"https:\/\/tothenewco.pro\/blog\/vizio-smart-tv-a-comprehensive-guide-to-start-initial-app-development\/\">library integration guide<\/a>), the ChromeVox text-to-speech accessibility library does not need to be integrated separately.<\/p>\n<h4 style=\"padding-left: 40px;\">Text-to-Speech Functions and Events:<\/h4>\n<pre style=\"padding-left: 40px;\">\/\/To stop a TTS command:\r\nwindow.VIZIO.Chromevox.play(\"Hello!\");\r\n\r\n\/\/To stop a TTS command:\r\nwindow.VIZIO.Chromevox.play(\" \");<\/pre>\n<h4 style=\"padding-left: 40px;\">Closed Captioning:<\/h4>\n<pre style=\"padding-left: 40px;\">\/\/Get Closed Captioning status \r\nwindow.VIZIO.setClosedCaptionHandler(callbackFunction) \r\n\r\n\/\/Closed Caption Style \r\nwindow.VIZIO.getClosedCaptionStyles(callbackFunction) \r\n\/\/Ex: \r\nwindow.VIZIO.getClosedCaptionStyles(function(captionStyleObj){ console.log(captionStyleObj) });<\/pre>\n<ul>\n<li>\n<h4>Device Information &amp; Connectivity<\/h4>\n<\/li>\n<\/ul>\n<h4 style=\"padding-left: 40px;\">Get Device ID:<\/h4>\n<pre style=\"padding-left: 40px;\">window.VIZIO.getDeviceId(cb)\r\n\/\/Ex:\r\nwindow.VIZIO.getDeviceId(function(deviceId){\r\n   console.log(\"Unique Device Id: \" + deviceId)\r\n})<\/pre>\n<h4 style=\"padding-left: 40px;\">Retrieve Device Information:<\/h4>\n<pre style=\"padding-left: 40px;\">window.VIZIO.getDeviceInformation() \r\n\/\/Example Output: \r\n{ \r\n\"MODEL_NAME\": \"D43fM-K04\", \r\n\"CAPABILITIES\": { \r\n   \"VIZIO_PAY_CAPABLE\": true, \/\/Capable of VIZIO Account APIs \r\n   \"VIZIO_PLAN_BUNDLES_CAPABLE\": true, \/\/Capable of VIZIO Account Bundle Plan Purchases \r\n}, \r\n\"SYSTEM_INFO\": { \r\n   \"MODEL_GROUP\": 335, \r\n   \"MODEL_NAME\": \"D43fM-K04\", \r\n   \"SERIAL_NUMBER\": \"00LBVFK5KX00086\", \r\n   \"SERIES\": \"D\", \"SIZE\": 43, \/\/Screen Size \r\n   \"VERSION\": \"3.710.30.2-1\", \/\/Firmware Version \r\n   \"DIID\": \"4317801f-fa10-4283-95bf-e8c235384b2a\", \r\n   \"CHIPSET_NAME\": \"5583\" }, \r\n   \"SC_INFO\": \"partner-dev 99.11.1\"\r\n }<\/pre>\n<h4 style=\"padding-left: 40px;\"><strong>Detect Connection Status:<\/strong><\/h4>\n<pre style=\"padding-left: 40px;\">window.addEventListener('offline', function(e) {\r\n    console.log('The display is offline');\r\n});\r\nwindow.addEventListener('online', function(e) {\r\n    console.log('The display is online');\r\n});<\/pre>\n<h4 style=\"padding-left: 40px;\">Device Language Handler:<\/h4>\n<pre style=\"padding-left: 40px;\">window.VIZIO.setDeviceLanguageHandler(cb) \r\n\/\/Example: \r\nwindow.VIZIO.setDeviceLanguageHandler(function(deviceLanguage){ \r\n   console.log(\"setDeviceLanguageHandler language: \"+ deviceLanguage) \r\n});<\/pre>\n<h2><strong>3. Required Features for Certification<\/strong><\/h2>\n<ul>\n<li><strong>Performance Standards:<\/strong>\n<ul>\n<li>Splash page within 10 seconds, Ready to navigate at 15 seconds<\/li>\n<li>The player launches within 5 seconds, and starts playback within 10 seconds<\/li>\n<li>The user should not be stuck on a loading screen for more than 3 seconds<\/li>\n<\/ul>\n<\/li>\n<li><strong>Text-to-Speech (TTS):<\/strong> Must be available across all screens and settings persist on app launch.<\/li>\n<li><strong>Closed Captions (CC): <\/strong>Available on all content, supports remote, TV settings, and in-app options.<\/li>\n<li><strong>Parental Controls:<\/strong> Required for mature\/unrated content, with enable\/disable options and content blocking when activated.<\/li>\n<li><strong>Geo-Filtering: <\/strong> Display a warning screen for unsupported locations and configure settings for Canada and Mexico if applicable.<\/li>\n<li><strong>Quality of Service (QoS): <\/strong> Ensure support for HD, FHD, UHD, Bitstream Audio, Alternate Audio, Dolby Vision, and HDR10.<\/li>\n<li><strong>VIZIO Companion Library &amp; API Validation:<\/strong> Integrate the VIZIO companion library, bind to events after VIZIO_LIBRARY_DID_LOAD, implement the Content Change API, and ensure IFA API support for apps with advertising.<\/li>\n<\/ul>\n<h2>Conclusion<\/h2>\n<p>Porting Samsung\/LG Smart TV apps to Vizio requires removing platform-specific APIs and adopting standard <a href=\"https:\/\/tothenewco.pro\/digital-engineering\/web-development\">web<\/a> technologies like HTML5, JavaScript, and React hooks. Following these modifications ensures cross-platform compatibility and improved maintainability for a seamless user experience on Vizio SmartCast.<\/p>\n<p>Looking for a web development partner? <a href=\"https:\/\/tothenewco.pro\/contact-us\">Feel free to talk<\/a> to our experts.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction Adapting a React-based application originally built for Samsung&#8217;s Tizen OS or LG&#8217;s webOS to run on Vizio&#8217;s SmartCast platform requires modifications to align with its Chromium-based HTML5 environment. Developers must address differences in runtime behavior, packaging formats, platform-specific APIs, and hardware capabilities. This blog outlines the key technical adjustments for a smooth transition and [&hellip;]<\/p>\n","protected":false},"author":1972,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":212,"footnotes":""},"categories":[3477],"tags":[4661,7154,3629,3476,6532,6545],"class_list":["post-70887","post","type-post","status-publish","format-standard","hentry","category-media-entertainment","tag-lg","tag-samsung","tag-smarttv","tag-tv","tag-vizio","tag-viziotv"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Introduction Adapting a React-based application originally built for Samsung&#039;s Tizen OS or LG&#039;s webOS to run on Vizio&#039;s SmartCast platform requires modifications to align with its Chromium-based HTML5 environment. Developers must address differences in runtime behavior, packaging formats, platform-specific APIs, and hardware capabilities. This blog outlines the key technical adjustments for a smooth transition and\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Sunny Chauhan\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/tothenewco.pro\/blog\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"TO THE NEW BLOG\" \/>\n\t\t<meta property=\"og:type\" content=\"blog\" \/>\n\t\t<meta property=\"og:title\" content=\"Porting Samsung\/LG HTML &amp; React App to Vizio: Key Modifications | TO THE NEW Blog\" \/>\n\t\t<meta property=\"og:description\" content=\"Introduction Adapting a React-based application originally built for Samsung&#039;s Tizen OS or LG&#039;s webOS to run on Vizio&#039;s SmartCast platform requires modifications to align with its Chromium-based HTML5 environment. Developers must address differences in runtime behavior, packaging formats, platform-specific APIs, and hardware capabilities. This blog outlines the key technical adjustments for a smooth transition and\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/tothenewco.pro\/blog\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@tothenew\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Porting Samsung\/LG HTML &amp; React App to Vizio: Key Modifications | TO THE NEW Blog\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Introduction Adapting a React-based application originally built for Samsung&#039;s Tizen OS or LG&#039;s webOS to run on Vizio&#039;s SmartCast platform requires modifications to align with its Chromium-based HTML5 environment. Developers must address differences in runtime behavior, packaging formats, platform-specific APIs, and hardware capabilities. This blog outlines the key technical adjustments for a smooth transition and\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\\\/#article\",\"name\":\"Porting Samsung\\\/LG HTML & React App to Vizio: Key Modifications | TO THE NEW Blog\",\"headline\":\"Porting Samsung\\\/LG HTML &amp; React App to Vizio: Key Modifications\",\"author\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/sunny-chauhan\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\"},\"datePublished\":\"2025-03-30T15:30:04+05:30\",\"dateModified\":\"2025-04-03T09:25:51+05:30\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\\\/#webpage\"},\"articleSection\":\"Media &amp; Entertainment, LG, samsung, SmartTV, TV, Vizio, VizioTV\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.tothenew.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/media-entertainment\\\/#listItem\",\"name\":\"Media &amp; Entertainment\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/media-entertainment\\\/#listItem\",\"position\":2,\"name\":\"Media &amp; Entertainment\",\"item\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/media-entertainment\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\\\/#listItem\",\"name\":\"Porting Samsung\\\/LG HTML &amp; React App to Vizio: Key Modifications\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\\\/#listItem\",\"position\":3,\"name\":\"Porting Samsung\\\/LG HTML &amp; React App to Vizio: Key Modifications\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/media-entertainment\\\/#listItem\",\"name\":\"Media &amp; Entertainment\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\",\"name\":\"TO THE NEW Blog\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/sunny-chauhan\\\/#author\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/sunny-chauhan\\\/\",\"name\":\"Sunny Chauhan\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\\\/#authorImage\",\"url\":\"https:\\\/\\\/newersworld-sf-static.tothenew.net\\\/prod\\\/profilePicFolder\\\/d51aa4b3-3eef-4ba9-b84c-4cf93092d740_4519-Sunny-Chauhan-PROFILEPICTURE.jpeg\",\"width\":96,\"height\":96,\"caption\":\"Sunny Chauhan\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\\\/#webpage\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\\\/\",\"name\":\"Porting Samsung\\\/LG HTML & React App to Vizio: Key Modifications | TO THE NEW Blog\",\"description\":\"Introduction Adapting a React-based application originally built for Samsung's Tizen OS or LG's webOS to run on Vizio's SmartCast platform requires modifications to align with its Chromium-based HTML5 environment. Developers must address differences in runtime behavior, packaging formats, platform-specific APIs, and hardware capabilities. This blog outlines the key technical adjustments for a smooth transition and\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/sunny-chauhan\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/sunny-chauhan\\\/#author\"},\"datePublished\":\"2025-03-30T15:30:04+05:30\",\"dateModified\":\"2025-04-03T09:25:51+05:30\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/\",\"name\":\"TO THE NEW Blog\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Porting Samsung\/LG HTML & React App to Vizio: Key Modifications | TO THE NEW Blog","description":"Introduction Adapting a React-based application originally built for Samsung's Tizen OS or LG's webOS to run on Vizio's SmartCast platform requires modifications to align with its Chromium-based HTML5 environment. Developers must address differences in runtime behavior, packaging formats, platform-specific APIs, and hardware capabilities. This blog outlines the key technical adjustments for a smooth transition and","canonical_url":"https:\/\/tothenewco.pro\/blog\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/tothenewco.pro\/blog\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\/#article","name":"Porting Samsung\/LG HTML & React App to Vizio: Key Modifications | TO THE NEW Blog","headline":"Porting Samsung\/LG HTML &amp; React App to Vizio: Key Modifications","author":{"@id":"https:\/\/tothenewco.pro\/blog\/author\/sunny-chauhan\/#author"},"publisher":{"@id":"https:\/\/tothenewco.pro\/blog\/#organization"},"datePublished":"2025-03-30T15:30:04+05:30","dateModified":"2025-04-03T09:25:51+05:30","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/tothenewco.pro\/blog\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\/#webpage"},"isPartOf":{"@id":"https:\/\/tothenewco.pro\/blog\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\/#webpage"},"articleSection":"Media &amp; Entertainment, LG, samsung, SmartTV, TV, Vizio, VizioTV"},{"@type":"BreadcrumbList","@id":"https:\/\/tothenewco.pro\/blog\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog#listItem","position":1,"name":"Home","item":"https:\/\/tothenewco.pro\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog\/category\/media-entertainment\/#listItem","name":"Media &amp; Entertainment"}},{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog\/category\/media-entertainment\/#listItem","position":2,"name":"Media &amp; Entertainment","item":"https:\/\/tothenewco.pro\/blog\/category\/media-entertainment\/","nextItem":{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\/#listItem","name":"Porting Samsung\/LG HTML &amp; React App to Vizio: Key Modifications"},"previousItem":{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\/#listItem","position":3,"name":"Porting Samsung\/LG HTML &amp; React App to Vizio: Key Modifications","previousItem":{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog\/category\/media-entertainment\/#listItem","name":"Media &amp; Entertainment"}}]},{"@type":"Organization","@id":"https:\/\/tothenewco.pro\/blog\/#organization","name":"TO THE NEW Blog","url":"https:\/\/tothenewco.pro\/blog\/"},{"@type":"Person","@id":"https:\/\/tothenewco.pro\/blog\/author\/sunny-chauhan\/#author","url":"https:\/\/tothenewco.pro\/blog\/author\/sunny-chauhan\/","name":"Sunny Chauhan","image":{"@type":"ImageObject","@id":"https:\/\/tothenewco.pro\/blog\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\/#authorImage","url":"https:\/\/newersworld-sf-static.tothenew.net\/prod\/profilePicFolder\/d51aa4b3-3eef-4ba9-b84c-4cf93092d740_4519-Sunny-Chauhan-PROFILEPICTURE.jpeg","width":96,"height":96,"caption":"Sunny Chauhan"}},{"@type":"WebPage","@id":"https:\/\/tothenewco.pro\/blog\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\/#webpage","url":"https:\/\/tothenewco.pro\/blog\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\/","name":"Porting Samsung\/LG HTML & React App to Vizio: Key Modifications | TO THE NEW Blog","description":"Introduction Adapting a React-based application originally built for Samsung's Tizen OS or LG's webOS to run on Vizio's SmartCast platform requires modifications to align with its Chromium-based HTML5 environment. Developers must address differences in runtime behavior, packaging formats, platform-specific APIs, and hardware capabilities. This blog outlines the key technical adjustments for a smooth transition and","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/tothenewco.pro\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/tothenewco.pro\/blog\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\/#breadcrumblist"},"author":{"@id":"https:\/\/tothenewco.pro\/blog\/author\/sunny-chauhan\/#author"},"creator":{"@id":"https:\/\/tothenewco.pro\/blog\/author\/sunny-chauhan\/#author"},"datePublished":"2025-03-30T15:30:04+05:30","dateModified":"2025-04-03T09:25:51+05:30"},{"@type":"WebSite","@id":"https:\/\/tothenewco.pro\/blog\/#website","url":"https:\/\/tothenewco.pro\/blog\/","name":"TO THE NEW Blog","inLanguage":"en-US","publisher":{"@id":"https:\/\/tothenewco.pro\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"TO THE NEW BLOG","og:type":"blog","og:title":"Porting Samsung\/LG HTML &amp; React App to Vizio: Key Modifications | TO THE NEW Blog","og:description":"Introduction Adapting a React-based application originally built for Samsung's Tizen OS or LG's webOS to run on Vizio's SmartCast platform requires modifications to align with its Chromium-based HTML5 environment. Developers must address differences in runtime behavior, packaging formats, platform-specific APIs, and hardware capabilities. This blog outlines the key technical adjustments for a smooth transition and","og:url":"https:\/\/tothenewco.pro\/blog\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\/","og:image":"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png","og:image:secure_url":"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png","twitter:card":"summary","twitter:site":"@tothenew","twitter:title":"Porting Samsung\/LG HTML &amp; React App to Vizio: Key Modifications | TO THE NEW Blog","twitter:description":"Introduction Adapting a React-based application originally built for Samsung's Tizen OS or LG's webOS to run on Vizio's SmartCast platform requires modifications to align with its Chromium-based HTML5 environment. Developers must address differences in runtime behavior, packaging formats, platform-specific APIs, and hardware capabilities. This blog outlines the key technical adjustments for a smooth transition and","twitter:image":"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png"},"aioseo_meta_data":{"post_id":"70887","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"limit_modified_date":false,"created":"2025-03-25 08:58:02","updated":"2025-03-25 08:58:02","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/tothenewco.pro\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/tothenewco.pro\/blog\/category\/media-entertainment\/\" title=\"Media &amp; Entertainment\">Media &amp; Entertainment<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tPorting Samsung\/LG HTML &amp; React App to Vizio: Key Modifications\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/tothenewco.pro\/blog"},{"label":"Media &amp; Entertainment","link":"https:\/\/tothenewco.pro\/blog\/category\/media-entertainment\/"},{"label":"Porting Samsung\/LG HTML &amp; React App to Vizio: Key Modifications","link":"https:\/\/tothenewco.pro\/blog\/porting-samsung-lg-html-react-app-to-vizio-key-modifications\/"}],"_links":{"self":[{"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/posts\/70887","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/users\/1972"}],"replies":[{"embeddable":true,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/comments?post=70887"}],"version-history":[{"count":27,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/posts\/70887\/revisions"}],"predecessor-version":[{"id":71392,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/posts\/70887\/revisions\/71392"}],"wp:attachment":[{"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/media?parent=70887"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/categories?post=70887"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/tags?post=70887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}