{"id":1301,"date":"2016-05-16T16:32:16","date_gmt":"2016-05-16T14:32:16","guid":{"rendered":"https:\/\/blog.insideout.io\/en\/?p=1301"},"modified":"2016-05-16T16:32:16","modified_gmt":"2016-05-16T14:32:16","slug":"helixware-video-player","status":"publish","type":"post","link":"https:\/\/blog.insideout.io\/en\/2016\/05\/16\/helixware-video-player\/","title":{"rendered":"Reimagining the Video Player with the help of MICO – Part 1"},"content":{"rendered":"

How\u00a0more context can help us revamp\u00a0HelixWare’s Video player to\u00a0boost user engagement on news sites.<\/h4>\n

originally posted on\u00a0http:\/\/www.mico-project.eu\/reimagining-the-video-player\/<\/a><\/em><\/p>\n

Our use case in MICO is focused on news and media organisations willing to offer more context and better navigation to users who visit their news outlets.\u00a0A well-known (in the media industry at least<\/em>) report\u00a0from Cisco<\/a> that came out\u00a0this last February\u00a0predicts\u00a0that nearly three-fourths<\/strong> (75 percent) of the world\u2019s mobile data traffic will be attributed to video<\/strong> by\u00a02020<\/strong>.<\/p>\n

\"The<\/a>

The latest video content meetup – organized in Cairo this March with the Helixware’s team at Injaz. (Images courtesy\u00a0of Insideout Today<\/a>)<\/p><\/div>\n

While working with our fellow bloggers and editorial teams we’ve been studying\u00a0how these\u00a0news organizations, particularly those with text at their core, can be helped in\u00a0crafting their stories\u00a0with\u00a0high-quality videos.<\/p>\n

More over, the question we want to answer is:\u00a0can videos become a pathway to deeper engagement?<\/p><\/blockquote>\n

With the help of MICO’s media extractors we can add\u00a0semantic annotations to videos on demand . These annotations are in the form of\u00a0media fragments<\/a><\/span>\u00a0that can be used\u00a0as\u00a0input for both the\u00a0embeddable\u00a0video player<\/strong> of HelixWare and the\u00a0video\u00a0thumbnails<\/strong>\u00a0created by HelixWare\u00a0WordPress plugin<\/a>. Media fragments, in our showcase, are generated from the\u00a0face detection extractor and are both temporal (there is a face at this time\u00a0in the video) and\u00a0spatial (the face within these\u00a0frames is located\u00a0at xywh<\/span><\/em>).<\/p>\n

The new HelixWare video player that we’re developing as\u00a0part\u00a0of our effort in MICO aims at creating an immersive experience for the end-users. The validation of both video\u00a0player and video thumbnail will\u00a0be done using A\/B testing against a set of metrics our publishers are focused on:\u00a0time per session<\/em><\/span>, numbers of videos played per session<\/em>, number of shares of the videos over social media<\/em> (content virality<\/em>).<\/p>\n

Now let’s review the design assumptions we’ve worked on so far to reimagine the video player and in the next post we will present the first results.<\/p>\n

1. Use faces to connect with users<\/b><\/h4>\n

Thumbnails, when done right, are generally key to ensuring a high level of\u00a0engagement on web pages. This seems to be particularly true when thumbnails feature human faces that are considered \u201c<\/span>powerful channels of non-verbal communication<\/span><\/i>\u201d <\/span> in social networks. With MICO we can now\u00a0offer to the\u00a0editor a better tool to engage audiences by integrating a new set of UI elements that\u00a0use human faces in the video thumbnail.\u00a0\u00a0The study documenting this point is “Faces Engage Us:\u00a0<\/a>Photos with Faces Attract More Likes and Comments on Instagram” and has been authored by S Bakhshi, D. A. Shamma, E. Gilber in \u200e2014.\u00a0<\/span>\u00a0\u00a0<\/span><\/span><\/p>\n

2. Increase the saturation by 20%-30% to boost engagement<\/b><\/h4>\n

Another interesting finding<\/a> backing up our work is that f<\/span>iltered photos are 21% more likely \u00a0to \u00a0be \u00a0viewed and 45% more likely to be commented on by consumers of photographs<\/span>. Specifically, filters that increase warmth, exposure and contrast boost engagement the most.<\/span><\/p>\n

3. Repeat text elements<\/b><\/h4>\n

As seen in most of the custom thumbnail tutorials for YouTube available on-line adding some elements of the title or the entire title using a bold font over a clear background can make the video more compelling and accordingly to some, significantly increase the click-through-rate<\/span>. \u00a0One of the goals of the demo will be\u00a0to provide a simple and appealing UI where text and image cooperate to offer a more engaging user experience removing any external informations that could distract the viewer.<\/span><\/p>\n

4. Always keep the editor in full control<\/b><\/h4>\n

We firmly believe machines will\u00a0help journalists and bloggers focus on what matters most\u00a0–\u00a0writing stories that people want to read<\/em>. This means that whatever workflow we plan to implement\u00a0there shall\u00a0always be\u00a0a\u00a0human (the editor himself) behind the scene validating the content produced by\u00a0technologies such as\u00a0MICO.<\/p>\n

This is particularly true when dealing with sensitive materials such as\u00a0human faces\u00a0depicted in videos. There might be obvious privacy concerns<\/strong> for which an editor might choose\u00a0to use a landscape\u00a0rather than a face for his video thumbnail and we shall make sure this option always remains available.<\/p>\n

We will continue documenting this work in the next blog post\u00a0and as\u00a0usual we look forward to hearing your thoughts and ideas –\u00a0please\u00a0email us<\/a> anytime.<\/p><\/blockquote>\n\n","protected":false},"excerpt":{"rendered":"

How\u00a0more context can help us revamp\u00a0HelixWare’s Video player to\u00a0boost user engagement on news sites. originally posted on\u00a0http:\/\/www.mico-project.eu\/reimagining-the-video-player\/ Our use case in MICO is focused on news and media organisations willing to offer more context and better navigation to users who visit their news outlets.\u00a0A well-known (in the media industry at least) report\u00a0from Cisco that came … →<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":1325,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wl_entities_gutenberg":"","_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"wl_entity_type":[10],"yoast_head":"\nReimagining the Video Player with the help of MICO - Part 1 - Insideout10 Blog En<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/www.mico-project.eu\/reimagining-the-video-player\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Reimagining the Video Player with the help of MICO - Part 1 - Insideout10 Blog En\" \/>\n<meta property=\"og:description\" content=\"How\u00a0more context can help us revamp\u00a0HelixWare’s Video player to\u00a0boost user engagement on news sites. originally posted on\u00a0http:\/\/www.mico-project.eu\/reimagining-the-video-player\/ Our use case in MICO is focused on news and media organisations willing to offer more context and better navigation to users who visit their news outlets.\u00a0A well-known (in the media industry at least) report\u00a0from Cisco that came … →\" \/>\n<meta property=\"og:url\" content=\"http:\/\/www.mico-project.eu\/reimagining-the-video-player\/\" \/>\n<meta property=\"og:site_name\" content=\"Insideout10 Blog En\" \/>\n<meta property=\"article:published_time\" content=\"2016-05-16T14:32:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.insideout.io\/en\/wp-content\/uploads\/sites\/2\/2016\/05\/helixware-tv-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"760\" \/>\n\t<meta property=\"og:image:height\" content=\"224\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Andrea Volpini\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andrea Volpini\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.insideout.io\/en\/2016\/05\/16\/helixware-video-player\/\",\"url\":\"http:\/\/www.mico-project.eu\/reimagining-the-video-player\/\",\"name\":\"Reimagining the Video Player with the help of MICO - Part 1 - Insideout10 Blog En\",\"isPartOf\":{\"@id\":\"https:\/\/blog.insideout.io\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\/\/www.mico-project.eu\/reimagining-the-video-player\/#primaryimage\"},\"image\":{\"@id\":\"http:\/\/www.mico-project.eu\/reimagining-the-video-player\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.insideout.io\/en\/wp-content\/uploads\/sites\/2\/2016\/05\/helixware-tv-1.png\",\"datePublished\":\"2016-05-16T14:32:16+00:00\",\"dateModified\":\"2016-05-16T14:32:16+00:00\",\"author\":{\"@id\":\"https:\/\/blog.insideout.io\/en\/#\/schema\/person\/132553fbfea181948a718a425fe928ff\"},\"breadcrumb\":{\"@id\":\"http:\/\/www.mico-project.eu\/reimagining-the-video-player\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/www.mico-project.eu\/reimagining-the-video-player\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/www.mico-project.eu\/reimagining-the-video-player\/#primaryimage\",\"url\":\"https:\/\/blog.insideout.io\/en\/wp-content\/uploads\/sites\/2\/2016\/05\/helixware-tv-1.png\",\"contentUrl\":\"https:\/\/blog.insideout.io\/en\/wp-content\/uploads\/sites\/2\/2016\/05\/helixware-tv-1.png\",\"width\":760,\"height\":224},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/www.mico-project.eu\/reimagining-the-video-player\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.insideout.io\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Reimagining the Video Player with the help of MICO – Part 1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.insideout.io\/en\/#website\",\"url\":\"https:\/\/blog.insideout.io\/en\/\",\"name\":\"Insideout10 Blog En\",\"description\":\"Scrabble Word Finder\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.insideout.io\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.insideout.io\/en\/#\/schema\/person\/132553fbfea181948a718a425fe928ff\",\"name\":\"Andrea Volpini\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.insideout.io\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d2143435f14f2e4007b28f02e5787984?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d2143435f14f2e4007b28f02e5787984?s=96&d=mm&r=g\",\"caption\":\"Andrea Volpini\"},\"url\":\"https:\/\/blog.insideout.io\/en\/author\/cyberandy\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Reimagining the Video Player with the help of MICO - Part 1 - Insideout10 Blog En","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/www.mico-project.eu\/reimagining-the-video-player\/","og_locale":"en_US","og_type":"article","og_title":"Reimagining the Video Player with the help of MICO - Part 1 - Insideout10 Blog En","og_description":"How\u00a0more context can help us revamp\u00a0HelixWare’s Video player to\u00a0boost user engagement on news sites. originally posted on\u00a0http:\/\/www.mico-project.eu\/reimagining-the-video-player\/ Our use case in MICO is focused on news and media organisations willing to offer more context and better navigation to users who visit their news outlets.\u00a0A well-known (in the media industry at least) report\u00a0from Cisco that came … →","og_url":"http:\/\/www.mico-project.eu\/reimagining-the-video-player\/","og_site_name":"Insideout10 Blog En","article_published_time":"2016-05-16T14:32:16+00:00","og_image":[{"width":760,"height":224,"url":"https:\/\/blog.insideout.io\/en\/wp-content\/uploads\/sites\/2\/2016\/05\/helixware-tv-1.png","type":"image\/png"}],"author":"Andrea Volpini","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Andrea Volpini","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.insideout.io\/en\/2016\/05\/16\/helixware-video-player\/","url":"http:\/\/www.mico-project.eu\/reimagining-the-video-player\/","name":"Reimagining the Video Player with the help of MICO - Part 1 - Insideout10 Blog En","isPartOf":{"@id":"https:\/\/blog.insideout.io\/en\/#website"},"primaryImageOfPage":{"@id":"http:\/\/www.mico-project.eu\/reimagining-the-video-player\/#primaryimage"},"image":{"@id":"http:\/\/www.mico-project.eu\/reimagining-the-video-player\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.insideout.io\/en\/wp-content\/uploads\/sites\/2\/2016\/05\/helixware-tv-1.png","datePublished":"2016-05-16T14:32:16+00:00","dateModified":"2016-05-16T14:32:16+00:00","author":{"@id":"https:\/\/blog.insideout.io\/en\/#\/schema\/person\/132553fbfea181948a718a425fe928ff"},"breadcrumb":{"@id":"http:\/\/www.mico-project.eu\/reimagining-the-video-player\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/www.mico-project.eu\/reimagining-the-video-player\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/www.mico-project.eu\/reimagining-the-video-player\/#primaryimage","url":"https:\/\/blog.insideout.io\/en\/wp-content\/uploads\/sites\/2\/2016\/05\/helixware-tv-1.png","contentUrl":"https:\/\/blog.insideout.io\/en\/wp-content\/uploads\/sites\/2\/2016\/05\/helixware-tv-1.png","width":760,"height":224},{"@type":"BreadcrumbList","@id":"http:\/\/www.mico-project.eu\/reimagining-the-video-player\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.insideout.io\/en\/"},{"@type":"ListItem","position":2,"name":"Reimagining the Video Player with the help of MICO – Part 1"}]},{"@type":"WebSite","@id":"https:\/\/blog.insideout.io\/en\/#website","url":"https:\/\/blog.insideout.io\/en\/","name":"Insideout10 Blog En","description":"Scrabble Word Finder","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.insideout.io\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.insideout.io\/en\/#\/schema\/person\/132553fbfea181948a718a425fe928ff","name":"Andrea Volpini","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.insideout.io\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d2143435f14f2e4007b28f02e5787984?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d2143435f14f2e4007b28f02e5787984?s=96&d=mm&r=g","caption":"Andrea Volpini"},"url":"https:\/\/blog.insideout.io\/en\/author\/cyberandy\/"}]}},"_wl_alt_label":[],"amp_enabled":true,"wl:entity_url":"http:\/\/data.wordlift.io\/wl0737\/post\/reimagining_the_video_player_with_the_help_of_mico_-_part_1_2","_links":{"self":[{"href":"https:\/\/blog.insideout.io\/en\/wp-json\/wp\/v2\/posts\/1301"}],"collection":[{"href":"https:\/\/blog.insideout.io\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.insideout.io\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.insideout.io\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.insideout.io\/en\/wp-json\/wp\/v2\/comments?post=1301"}],"version-history":[{"count":0,"href":"https:\/\/blog.insideout.io\/en\/wp-json\/wp\/v2\/posts\/1301\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.insideout.io\/en\/wp-json\/wp\/v2\/media\/1325"}],"wp:attachment":[{"href":"https:\/\/blog.insideout.io\/en\/wp-json\/wp\/v2\/media?parent=1301"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.insideout.io\/en\/wp-json\/wp\/v2\/categories?post=1301"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.insideout.io\/en\/wp-json\/wp\/v2\/tags?post=1301"},{"taxonomy":"wl_entity_type","embeddable":true,"href":"https:\/\/blog.insideout.io\/en\/wp-json\/wp\/v2\/wl_entity_type?post=1301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}