{"id":5318,"date":"2020-12-21T22:04:53","date_gmt":"2020-12-21T22:04:53","guid":{"rendered":"https:\/\/www.visualon.com\/?p=5318"},"modified":"2021-01-21T17:13:29","modified_gmt":"2021-01-21T17:13:29","slug":"visualon-supports-hevc-decoding-and-4k-playback-on-the-wed-side-based-on-webwassembly","status":"publish","type":"post","link":"https:\/\/www.visualon.com\/index.php\/latest-news\/visualon-supports-hevc-decoding-and-4k-playback-on-the-wed-side-based-on-webwassembly\/","title":{"rendered":"VisualOn Supports HEVC Decoding and 4K Playback on the Net Server-Side Based on WebAssembly"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#edeef2;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_2_3 2_3 fusion-two-third fusion-column-first\" style=\"width:66.666666666667%;width:calc(66.666666666667% - ( ( 4% ) * 0.66666666666667 ) );margin-right: 4%;margin-top:0px;margin-bottom:0px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><style type=\"text\/css\"><\/style><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-text fusion-title-size-one\" style=\"margin-top:30px;margin-bottom:31px;\"><h1 class=\"title-heading-left\" style=\"margin:0;\"><h1 class=\"entry-title fusion-responsive-typography-calculated\" data-fontsize=\"36\" data-lineheight=\"39.6px\">VisualOn Supports HEVC Decoding and 4K Playback on the Web Side Based on WebAssembly<\/h1>\n<h1 class=\"epi-fontLg bwalignc\"><\/h1><\/h1><\/div><span class=\" fusion-imageframe imageframe-none imageframe-1 hover-type-none\"><img decoding=\"async\" width=\"800\" image_height=\"600\" image_id=\"5330\" title=\"Untitled-1-Recovered\" src=\"https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/Untitled-1-Recovered.png\" class=\"img-responsive wp-image-5330\" srcset=\"https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/Untitled-1-Recovered-200x150.png 200w, https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/Untitled-1-Recovered-400x300.png 400w, https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/Untitled-1-Recovered-600x450.png 600w, https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/Untitled-1-Recovered.png 800w\" sizes=\"(max-width: 970px) 100vw, 800px\" \/><\/span><\/br>\n<div class=\"fusion-text fusion-text-1\"><p>WebAssembly (Wasm) was designed and developed by W3C WebAssembly Community Group to enable browsers to run low-level binary codes. After 3 years of development, the technology has matured day by day, and mainstream browser vendors have provided support for WebAssembly. The introduction of WebAssembly technology has greatly improved the performance of some computationally intensive scenes (such as audio and video fields, 3D games) on the browser side. The inadequacy of the browser&#8217;s ability to process audio and video includes:<\/p>\n<ul>\n<li>Protocol limitations between different browsers;<\/li>\n<li>Javascript runtime performance issues;<\/li>\n<li>Web front-end processing audio and video are not as customized as the client;<\/li>\n<li>JS lacks open source libraries related to audio and video, and so on.<\/li>\n<\/ul>\n<p>VisualOn&#8217;s HTML5+ (web-side audio and video solution) is based on Wasm, so that the web-side is no longer limited by the type of browser codec, while achieving the ability to play 4K content smoothly. For example, this function can solve the problem that HEVC is not supported on New Microsoft Edge and Chrome browsers while supporting the widely used unofficial protocol http-FLV.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5322\" src=\"https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-1.png\" alt=\"\" width=\"419\" height=\"195\" srcset=\"https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-1-200x93.png 200w, https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-1-300x140.png 300w, https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-1-400x186.png 400w, https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-1-600x279.png 600w, https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-1-768x357.png 768w, https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-1-800x372.png 800w, https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-1-1024x476.png 1024w, https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-1.png 1077w\" sizes=\"auto, (max-width: 419px) 100vw, 419px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5324\" src=\"https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-3.png\" alt=\"\" width=\"341\" height=\"191\" srcset=\"https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-3-200x113.png 200w, https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-3-300x169.png 300w, https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-3-400x225.png 400w, https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-3-600x338.png 600w, https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-3-768x432.png 768w, https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-3-800x450.png 800w, https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-3-1024x576.png 1024w, https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-3.png 1080w\" sizes=\"auto, (max-width: 341px) 100vw, 341px\" \/><\/p>\n<\/div><div class=\"fusion-text fusion-text-2\"><p style=\"text-align: center;\"><strong>The practical significance of using HEVC on the web<\/strong><\/p>\n<p>Currently, mainstream browsers do not support HEVC playback properly, and HEVC playback on the Web end needs to be decoded by software. Under the same video quality or the same bitrate, HEVC can provide up to 50% data compression rate than AVC\/H.264. HEVC opens the door to various 4K and HDR video transmission platforms. Although HEVC requires 10% more processing power than H.264, the storage requirements are also reduced, this is a fair trade-off for many content creators and programmers.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-5325 aligncenter\" src=\"https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-4.png\" alt=\"\" width=\"457\" height=\"238\" srcset=\"https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-4-200x104.png 200w, https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-4-300x156.png 300w, https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-4-400x208.png 400w, https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-4-600x311.png 600w, https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-4-768x398.png 768w, https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/unnamed-4.png 796w\" sizes=\"auto, (max-width: 457px) 100vw, 457px\" \/><\/p>\n<\/div><div class=\"fusion-text fusion-text-3\"><ul>\n<li>Traffic cost: Compared with H.264, it can save users and platform providers at least 30% to 50% of traffic cost.<\/li>\n<li>Storage cost: While saving bandwidth and traffic costs, it can also reduce the occupation of storage media. For large-scale video storage and archiving, HEVC has great advantages.<\/li>\n<li>Transcoding cost: As mainstream browsers do not support HEVC local video playback, video producers usually need to transcode H.264 videos to adapt the browser to browser-side playback, thereby increasing the transcoding cost.<\/li>\n<\/ul>\n<\/div><div class=\"fusion-text fusion-text-4\"><p style=\"text-align: center;\"><strong>VisualOn supports HEVC decoding and 4K high-performance playback based on Wasm<\/strong><\/p>\n<p>With the continuous maturity of 5G equipment and terminals, the continuous penetration of VR, 4K ultra-definition, and audio and video in the vertical field, the demand for faster, higher-definition and lower-latency 4K content is an inevitable trend. Compared with mobile platforms (Android, iOS), the web has the advantages of low development threshold, low cost, and rapid deployment. Specific uses such as game live broadcast, online education, internet security and so on. To reduce the cost of 4K while ensuring high-performance playback on the web, the combination of 4K+HEVC has its unique advantages.<\/p>\n<\/div><div class=\"fusion-text fusion-text-5\"><p>The specific advantages of VisualOn:<\/p>\n<ul>\n<li>Compared with the solution of HEVC decoding through open source ffmpeg, VisualOn has a self-developed H.265 decoder, which can achieve single instruction and multiple data assembly, and at the same time, it can maximize the use efficiency of CPU by using multiple threads. In order to achieve a playback effect that open source can&#8217;t match.<\/li>\n<li>Optimized for the problem of slow memory exchange between Wasm and javascript, and designed a set of frame dropping strategies to make the video playback smoother and smoother in the case of insufficient performance.<\/li>\n<\/ul>\n<p>Please feel free to click the following link to experience our Demo (Google Chrome &amp; New Microsoft Edge browsers on Windows and Mac are supported at this stage): <a href=\"https:\/\/h5.visualon.com\/\">https:\/\/h5.visualon.com\/<\/a><\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_3 1_3 fusion-one-third fusion-column-last\" style=\"width:33.333333333333%;width:calc(33.333333333333% - ( ( 4% ) * 0.33333333333333 ) );margin-top:0px;margin-bottom:0px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 50px;\"><div class=\"wpforms-container wpforms-container-full\" id=\"wpforms-3707\"><form id=\"wpforms-form-3707\" class=\"wpforms-validate wpforms-form\" data-formid=\"3707\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/index.php\/wp-json\/wp\/v2\/posts\/5318\" data-token=\"ebe10fa049326fb0235d66fc70b2d9d6\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div class=\"wpforms-field-container\"><div id=\"wpforms-3707-field_1-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-3707-field_1\">Subscribe to get the latest news <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"email\" id=\"wpforms-3707-field_1\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][1]\" placeholder=\"Email Address\" required><\/div><\/div><div class=\"wpforms-field wpforms-field-hp\"><label for=\"wpforms-3707-field-hp\" class=\"wpforms-field-label\">Message<\/label><input type=\"text\" name=\"wpforms[hp]\" id=\"wpforms-3707-field-hp\" class=\"wpforms-field-medium\"><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"3707\"><input type=\"hidden\" name=\"wpforms[author]\" value=\"11\"><button type=\"submit\" name=\"wpforms[submit]\" class=\"wpforms-submit \" id=\"wpforms-submit-3707\" value=\"wpforms-submit\" aria-live=\"assertive\" data-alt-text=\"Sending...\" data-submit-text=\"Subscribe\">Subscribe<\/button><\/div><\/form><\/div>  <!-- .wpforms-container --><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#edeef2;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><\/div><style type=\"text\/css\">.fusion-body .fusion-flex-container.fusion-builder-row-2{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}<\/style><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":11,"featured_media":5330,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[63],"tags":[163,152,176,185],"class_list":["post-5318","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-latest-news","tag-html5","tag-videoplayer","tag-videosolution","tag-webassembly"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>VisualOn Supports HEVC Decoding and 4K Playback on the Net Server-Side Based on WebAssembly<\/title>\n<meta name=\"description\" content=\"VisualOn&#039;s HTML5+ (web-side audio and video solution) is based on Wasm, so that the web-side is no longer limited by the type of browser codec, while achieving the ability to play 4K content smoothly.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.visualon.com\/index.php\/latest-news\/visualon-supports-hevc-decoding-and-4k-playback-on-the-wed-side-based-on-webwassembly\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"VisualOn Supports HEVC Decoding and 4K Playback on the Net Server-Side Based on WebAssembly\" \/>\n<meta property=\"og:description\" content=\"VisualOn&#039;s HTML5+ (web-side audio and video solution) is based on Wasm, so that the web-side is no longer limited by the type of browser codec, while achieving the ability to play 4K content smoothly.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.visualon.com\/index.php\/latest-news\/visualon-supports-hevc-decoding-and-4k-playback-on-the-wed-side-based-on-webwassembly\/\" \/>\n<meta property=\"og:site_name\" content=\"VisualOn\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-21T22:04:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-01-21T17:13:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/Untitled-1-Recovered.png\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@visualoninc\" \/>\n<meta name=\"twitter:site\" content=\"@visualoninc\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.visualon.com\/#website\",\"url\":\"https:\/\/www.visualon.com\/\",\"name\":\"VisualOn\",\"description\":\"Enjoy High-Quality Multimedia Anywhere\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.visualon.com\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.visualon.com\/index.php\/latest-news\/visualon-supports-hevc-decoding-and-4k-playback-on-the-wed-side-based-on-webwassembly\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.visualon.com\/wp-content\/uploads\/2020\/12\/Untitled-1-Recovered.png\",\"width\":800,\"height\":600},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.visualon.com\/index.php\/latest-news\/visualon-supports-hevc-decoding-and-4k-playback-on-the-wed-side-based-on-webwassembly\/#webpage\",\"url\":\"https:\/\/www.visualon.com\/index.php\/latest-news\/visualon-supports-hevc-decoding-and-4k-playback-on-the-wed-side-based-on-webwassembly\/\",\"name\":\"VisualOn Supports HEVC Decoding and 4K Playback on the Net Server-Side Based on WebAssembly\",\"isPartOf\":{\"@id\":\"https:\/\/www.visualon.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.visualon.com\/index.php\/latest-news\/visualon-supports-hevc-decoding-and-4k-playback-on-the-wed-side-based-on-webwassembly\/#primaryimage\"},\"datePublished\":\"2020-12-21T22:04:53+00:00\",\"dateModified\":\"2021-01-21T17:13:29+00:00\",\"author\":{\"@id\":\"https:\/\/www.visualon.com\/#\/schema\/person\/fa94bb8bfc8063cd052909564c66e646\"},\"description\":\"VisualOn's HTML5+ (web-side audio and video solution) is based on Wasm, so that the web-side is no longer limited by the type of browser codec, while achieving the ability to play 4K content smoothly.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.visualon.com\/index.php\/latest-news\/visualon-supports-hevc-decoding-and-4k-playback-on-the-wed-side-based-on-webwassembly\/\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.visualon.com\/#\/schema\/person\/fa94bb8bfc8063cd052909564c66e646\",\"name\":\"savi\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.visualon.com\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3c930b14f1b017158c663cee3068edd3?s=96&d=mm&r=g\",\"caption\":\"savi\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.visualon.com\/index.php\/wp-json\/wp\/v2\/posts\/5318","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.visualon.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.visualon.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.visualon.com\/index.php\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.visualon.com\/index.php\/wp-json\/wp\/v2\/comments?post=5318"}],"version-history":[{"count":17,"href":"https:\/\/www.visualon.com\/index.php\/wp-json\/wp\/v2\/posts\/5318\/revisions"}],"predecessor-version":[{"id":5364,"href":"https:\/\/www.visualon.com\/index.php\/wp-json\/wp\/v2\/posts\/5318\/revisions\/5364"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.visualon.com\/index.php\/wp-json\/wp\/v2\/media\/5330"}],"wp:attachment":[{"href":"https:\/\/www.visualon.com\/index.php\/wp-json\/wp\/v2\/media?parent=5318"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.visualon.com\/index.php\/wp-json\/wp\/v2\/categories?post=5318"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.visualon.com\/index.php\/wp-json\/wp\/v2\/tags?post=5318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}