﻿{"id":241,"date":"2018-09-22T17:12:34","date_gmt":"2018-09-22T17:12:34","guid":{"rendered":"https:\/\/www.olivertacke.de\/labs\/?p=241"},"modified":"2022-10-19T23:11:06","modified_gmt":"2022-10-19T21:11:06","slug":"videos-in-h5p-dialog-cards","status":"publish","type":"post","link":"https:\/\/www.olivertacke.de\/labs\/2018\/09\/22\/videos-in-h5p-dialog-cards\/","title":{"rendered":"Videos in H5P Dialog Cards"},"content":{"rendered":"<p>Flash cards are a pretty common tool for learning languages. But what if you want to learn a sign language? I&#8217;ll tell you. Take a paper flash card and write down the word or phrase that you want to learn on one side. Now turn the flash card and put a video\u00a0that shows how the word or phrase is &#8220;spoken&#8221; onto the other side. Wait a second &#8230;<\/p>\n<p>Paper may have some shortcomings here. Luckily, there&#8217;s software that can help you out with digital flash cards that can handle audio and video as well. Alas! My beloved <a href=\"https:\/\/h5p.org\">H5P<\/a>\u00a0offers a content type called <a href=\"https:\/\/h5p.org\/dialog-cards\">Dialog Cards<\/a>, but it cannot handle videos. Yet! Have a look at what feature I have just completed in my spare time &#8230;<\/p>\n<p><em>Please note: This demo is probably broken. That&#8217;s not because my code isn&#8217;t working, but because the pull-request has been pending for over three years without being merged in, but I have installed official code on this site and am tired of patching in my changes over and over again with every new release of Dialog Cards.<\/em><\/p>\n\n<p>Might not only be useful for sign language, but also for referee signals in sports, flag alphabets, tie knots, &#8230; Anything that could benefit from more dynamics than images can offer.<\/p>\n<p>The feature seems to working, although I have not yet tested it on all major browsers and operating systems. Also, please don&#8217;t expect it to pop up in the official version of Dialog Cards within the next couple of days. First of all I don&#8217;t know if the feature will be accepted, and furthermore the H5P core team is very busy finishing other things and will probably not have time to do a code review soon.<\/p>\n<p><strong>Code:<\/strong> <a href=\"https:\/\/github.com\/otacke\/h5p-dialogcards\/tree\/enhance-media-capabilities\">branch on github (until included in official version)<\/a><\/p>\n<h2>Credit where credit is due<\/h2>\n<p>Sure, H5P lists all the license information anyway, but why not mention here that the videos that I used were created by\u00a0<a href=\"http:\/\/www.gebaerdenlernen.de\/index.php?article_id=88\">Henrike Maria Falke<\/a> and are licensed under the <a href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/legalcode\">Creative Commons BY-NC-SA 3.0<\/a> license?<\/p>\n<p>I got the inspiration for adding the feature to H5P Dialog Cards from Sebastian Morr aka <a href=\"https:\/\/twitter.com\/blinry\">@blinry<\/a>. <a href=\"https:\/\/morr.cc\/anki-dgs\/\">He created a script<\/a> that can pull resources from <a href=\"https:\/\/signdict.org\/\">SignDict<\/a>, a video dictionary for sign language, and automatically create flash card sets for the tool <a href=\"https:\/\/apps.ankiweb.net\/\">Anki<\/a>.<\/p>\n<p>Hmm, there&#8217;s no such script for H5P Dialog Cards yet &#8230; \ud83d\ude09<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Flash cards are a pretty common tool for learning languages. But what if you want to learn a sign language? I&#8217;ll tell you. Take a paper flash card and write down the word or phrase that you want to learn on one side. Now turn the flash card and put a video\u00a0that shows how the &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.olivertacke.de\/labs\/2018\/09\/22\/videos-in-h5p-dialog-cards\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Videos in H5P Dialog Cards&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[26,25,27],"class_list":["post-241","post","type-post","status-publish","format-standard","hentry","category-h5p","tag-blinry","tag-dialog-cards","tag-feature"],"_links":{"self":[{"href":"https:\/\/www.olivertacke.de\/labs\/wp-json\/wp\/v2\/posts\/241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.olivertacke.de\/labs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.olivertacke.de\/labs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.olivertacke.de\/labs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.olivertacke.de\/labs\/wp-json\/wp\/v2\/comments?post=241"}],"version-history":[{"count":0,"href":"https:\/\/www.olivertacke.de\/labs\/wp-json\/wp\/v2\/posts\/241\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.olivertacke.de\/labs\/wp-json\/wp\/v2\/media?parent=241"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.olivertacke.de\/labs\/wp-json\/wp\/v2\/categories?post=241"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.olivertacke.de\/labs\/wp-json\/wp\/v2\/tags?post=241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}