{"id":32274,"date":"2023-03-10T15:22:37","date_gmt":"2023-03-10T14:22:37","guid":{"rendered":"https:\/\/mimolive.com\/?post_type=user-manual&#038;p=32274"},"modified":"2023-07-03T17:22:18","modified_gmt":"2023-07-03T15:22:18","slug":"livecodingtv","status":"publish","type":"user-manual","link":"https:\/\/mimolive.com\/de\/user-manual\/playout-output-destinations\/live-streaming\/livecodingtv\/","title":{"rendered":"Livecoding.tv"},"content":{"rendered":"<p>Livecoding.tv ist eine Live-Streaming-Plattform, deren Ziel es ist, die Zuschauer durch Live-Tutorials zu schulen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"109\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/15b978d9-4012-4218-a8d1-3481169252ac.png\" alt=\"\" class=\"wp-image-32275\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/15b978d9-4012-4218-a8d1-3481169252ac.png 800w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/15b978d9-4012-4218-a8d1-3481169252ac-300x41.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/15b978d9-4012-4218-a8d1-3481169252ac-768x105.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/15b978d9-4012-4218-a8d1-3481169252ac-18x2.png 18w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"preparing-your-livecodingtv-account\">Ihr livecoding.tv-Konto vorbereiten<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zuerst m\u00fcssen Sie sich bei LiveCoding.tv anmelden. Es gibt mehrere Optionen, aus denen Sie w\u00e4hlen k\u00f6nnen. Wenn Sie zu LiveCoding streamen wollen, m\u00fcssen Sie sich f\u00fcr ein Broadcaster-Konto anmelden.<\/li>\n\n\n\n<li>In der oberen rechten Ecke finden Sie das Men\u00fc zum Einrichten Ihres Senders. W\u00e4hlen Sie den Men\u00fcpunkt \"Einstellungen\". Dies bringt Sie zu einer Seite, auf der Sie das Verhalten Ihres Senders vorkonfigurieren k\u00f6nnen.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/43c6c050-a470-4d9c-b75c-ccd51ed6373a.png\" alt=\"\" class=\"wp-image-32276\" width=\"200\" height=\"309\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/43c6c050-a470-4d9c-b75c-ccd51ed6373a.png 200w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/43c6c050-a470-4d9c-b75c-ccd51ed6373a-194x300.png 194w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/43c6c050-a470-4d9c-b75c-ccd51ed6373a-8x12.png 8w\" sizes=\"(max-width: 200px) 100vw, 200px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sie m\u00fcssen die <span class=\"caps\">FMS<\/span> <span class=\"caps\">URL<\/span> aus dem Abschnitt \"Streaming-Schl\u00fcssel\" und bringen Sie ihn in das Streaming-Setup-Panel in mimoLive (siehe Anweisungen unten, wo Sie ihn ablegen).<\/li>\n\n\n\n<li>Danach kopieren Sie den Streaming Key, indem Sie auf den \"Click to display\"-Button im \"Streaming Key\"-Bereich klicken und bringen ihn ebenfalls zu mimoLive.<\/li>\n<\/ul>\n\n\n<section class=\"boinx_exclamation\">\n    <div class=\"main_div_exclamation\">\n        <div class=\"left_div_icon_exclamation\">\n                <i class=\"icon_exclamation\">\u2757<\/i>\n        <\/div>\n\n        <div class=\"right_div_text_exclamation\">\n                <div><p class=\"text_exclamation_headline\">Wichtig: Halten Sie den Streaming-Schl\u00fcssel geheim!<\/p><\/div>\n                <div><p class=\"text_exclamation\"><\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\t\t<style>.boinx_exclamation {\n    margin:30px 0;\n    padding:10px;\n    background-color:rgb(242,222,222);\n    border-radius: 8px;\n}\n.icon_exclamation {\n    display:block;\n    padding:5px;\n    font-size:80px;\n    color:rgb(184,74,72);\n    line-height:60px;\n}\n.text_exclamation {\n    color:rgb(184,74,72);\n}\n\n.text_exclamation_headline{\n    font-weight:bold;\n    color:rgb(184,74,72);\n}\n\n\n.main_div_exclamation\n{\n    display:flex !IMPORTANT;\n    flex-wrap: wrap;\n    flex-direction: row;\n    justify-content : flex-start;\n    align-items : flex-start\n    align-content : flex-start;\n    \n}\n\n.left_div_icon_exclamation{\n    display:flex !IMPORTANT;\n    width:80px;\n    padding:10px;\n    margin:20px 20px 20px 0;\n    height:40px;\n}\n.right_div_text_exclamation{\n    display:flex !IMPORTANT;\n    flex-direction: column;\n    flex-grow: 1;\n    width:200px;\n    padding:10px;\n    margin:0;\n}<\/style>\n\t\t\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"400\" height=\"142\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/8fc57938-8a9d-4183-a86d-ae93b54d4619.png\" alt=\"\" class=\"wp-image-32277\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/8fc57938-8a9d-4183-a86d-ae93b54d4619.png 400w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/8fc57938-8a9d-4183-a86d-ae93b54d4619-300x107.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/8fc57938-8a9d-4183-a86d-ae93b54d4619-18x6.png 18w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"preparing-mimolive\">mimoLive vorbereiten<\/h3>\n\n\n\n<p>Hier sehen Sie, wie mimoLive mit zwei aktiven visuellen Ebenen l\u00e4uft.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"577\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/fda65224-f227-44ff-a24e-99185cfaaa26.png\" alt=\"\" class=\"wp-image-32278\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/fda65224-f227-44ff-a24e-99185cfaaa26.png 1000w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/fda65224-f227-44ff-a24e-99185cfaaa26-300x173.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/fda65224-f227-44ff-a24e-99185cfaaa26-768x443.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/fda65224-f227-44ff-a24e-99185cfaaa26-18x10.png 18w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Klicken Sie auf das kleine Kontrollk\u00e4stchen rechts neben der Streaming-Schaltfl\u00e4che. Dadurch wird das Fenster Streaming-Einstellungen ge\u00f6ffnet.<\/li>\n\n\n\n<li>F\u00fcgen Sie Ihr kopiertes <span class=\"caps\">FMS<\/span> <span class=\"caps\">URL<\/span> und den Streaming-Schl\u00fcssel (bereitgestellt von LiveCoding.tv)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"311\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/59078e6e-3ce7-44f6-8b93-b414e5560254.png\" alt=\"\" class=\"wp-image-32279\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/59078e6e-3ce7-44f6-8b93-b414e5560254.png 400w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/59078e6e-3ce7-44f6-8b93-b414e5560254-300x233.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/59078e6e-3ce7-44f6-8b93-b414e5560254-15x12.png 15w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"going-live\">Live geschaltet<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Klicken Sie auf die Livestream-Schaltfl\u00e4che, damit sie rot wird:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"577\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/ce7d0486-839e-4975-a704-0c5cc303ac70.png\" alt=\"\" class=\"wp-image-32280\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/ce7d0486-839e-4975-a704-0c5cc303ac70.png 1000w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/ce7d0486-839e-4975-a704-0c5cc303ac70-300x173.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/ce7d0486-839e-4975-a704-0c5cc303ac70-768x443.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/ce7d0486-839e-4975-a704-0c5cc303ac70-18x10.png 18w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gehen Sie zur\u00fcck zur LiveCoding-Webseite und w\u00e4hlen Sie den Men\u00fcpunkt \"Mein Kanal\" in der oberen rechten Ecke des Dropdown-Men\u00fcs. Jetzt sollten Sie Ihre Videoproduktion im Browserfenster sehen.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"useful-things-to-consider\">N\u00fctzliche Dinge zu beachten<\/h3>\n\n\n\n<p>Wenn Sie zu LiveCoding.tv streamen, m\u00f6chten Sie dem Publikum Ihren Desktop zeigen. Um dies zu tun, m\u00fcssen Sie entweder eine \"Screen Capture\"-Quelle oder eine \"Window Capture\"-Quelle erstellen, je nachdem, was Sie zeigen wollen.<\/p>\n\n\n<section class=\"boinx_section\">\n    <div class=\"main_div\">\n        <div class=\"left_div_icon\">\n                <i class=\"icon_highlight\">*<\/i>\n        <\/div>\n\n        <div class=\"right_div_text\">\n                <div><p class=\"text_highlight_headline\"><\/p><\/div>\n                <div><p class=\"text_highlight\">Die Quelle \"Window Capture\" zeigt weder den Mauszeiger noch andere visuelle Elemente auf Ihrem Desktop an.<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\t\t<style>.boinx_section {\n    margin:30px 0;\n    padding:10px;\n    background-color:rgb(217,237,248);\n    border-radius: 8px;\n  \n}\n\n.icon_highlight {\n    display:block;\n    padding:5px;\n    font-size:80px;\n    color:rgb(58,134,172);\n    line-height:60px;\n}\n\n.text_highlight {\n    color:rgb(58,134,172);\n}\n\n.text_highlight_headline{\n    font-weight:bold;\n    color:rgb(58,134,172);\n}\n\n.main_div\n{\n    display:flex !IMPORTANT;\n    flex-wrap: wrap;\n    flex-direction: row;\n    justify-content : flex-start;\n    align-items : flex-start\n    align-content : flex-start;\n}\n.left_div_icon{\n    display:flex !IMPORTANT;\n    width:40px;\n    padding:0;\n    margin:10px 20px 10px 10px;\n    \n}\n.right_div_text{\n    display:flex !IMPORTANT;\n    flex-direction: column;\n    flex-grow: 1;\n    padding:10px;\n    margin:0;\n    width:200px;\n    }<\/style>\n\t\t\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"209\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/e4172ed6-bab4-4767-8faa-b41dcdad4ddc.png\" alt=\"\" class=\"wp-image-32281\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/e4172ed6-bab4-4767-8faa-b41dcdad4ddc.png 500w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/e4172ed6-bab4-4767-8faa-b41dcdad4ddc-300x125.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/e4172ed6-bab4-4767-8faa-b41dcdad4ddc-18x8.png 18w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Es ist eine gute Idee, zwei Bildschirme einzurichten. Auf einem Display l\u00e4uft mimoLive und auf dem anderen Ihre Programmiersendung. So kann nichts von mimoLive Ihre Sendung ablenken.<\/li>\n\n\n\n<li>Verwenden Sie die <span class=\"caps\">PIP<\/span> Ebene in mimoLive, um auch eine Face-Cam in Ihren Videostream einzubinden. Die Leute lieben es, zu sehen, wer hinter all dem steckt!<\/li>\n\n\n\n<li>Wenn Sie lizenzfreie Musik abspielen m\u00f6chten, k\u00f6nnen Sie einige Titel von joshwoodward.com herunterladen und in eine \"Playlist Source\" einf\u00fcgen, um sie in einer Schleife laufen zu lassen. Bitte vergewissern Sie sich, dass Sie die Lizenzanforderungen erf\u00fcllen und Josh Woodward die Credits f\u00fcr die Musik in Ihrer Show geben. Sie k\u00f6nnen dazu ganz einfach den Playlist Visualizer Layer verwenden.<\/li>\n\n\n\n<li>Wenn Sie f\u00fcr iOS entwickeln und Ihre App auf einem echten iOS-Ger\u00e4t testen, m\u00f6chten Sie vielleicht eine iOS Device Video Source verwenden, um den Bildschirm des iOS-Ger\u00e4ts einzublenden. Die perfekte Ebene f\u00fcr die Pr\u00e4sentation Ihrer harten Arbeit sind die iOS Device Demo und iOS Device Demo 3D Ebenen, die mit mimoLive kommt:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"191\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/343aff3a-bbcd-4ee5-9e77-ed2d813975e6.png\" alt=\"\" class=\"wp-image-32282\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/343aff3a-bbcd-4ee5-9e77-ed2d813975e6.png 500w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/343aff3a-bbcd-4ee5-9e77-ed2d813975e6-300x115.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/343aff3a-bbcd-4ee5-9e77-ed2d813975e6-18x7.png 18w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure>","protected":false},"excerpt":{"rendered":"<p>Livecoding.tv is a live streaming platform that aims to educate viewers through live tutorials. Preparing Your livecoding.tv Account Preparing mimoLive Here you can see mimoLive running with two active visual layers. Going Live Useful Things to Consider As you are streaming to LiveCoding.tv you want to show your desktop to the audience. To do so [&hellip;]<\/p>","protected":false},"author":3,"featured_media":0,"parent":32254,"menu_order":3,"template":"","meta":{"_acf_changed":false,"_angie_page":false,"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[258],"tags":[],"class_list":["post-32274","user-manual","type-user-manual","status-publish","hentry","category-manual"],"acf":[],"_links":{"self":[{"href":"https:\/\/mimolive.com\/de\/wp-json\/wp\/v2\/user-manual\/32274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mimolive.com\/de\/wp-json\/wp\/v2\/user-manual"}],"about":[{"href":"https:\/\/mimolive.com\/de\/wp-json\/wp\/v2\/types\/user-manual"}],"author":[{"embeddable":true,"href":"https:\/\/mimolive.com\/de\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":0,"href":"https:\/\/mimolive.com\/de\/wp-json\/wp\/v2\/user-manual\/32274\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/mimolive.com\/de\/wp-json\/wp\/v2\/user-manual\/32254"}],"wp:attachment":[{"href":"https:\/\/mimolive.com\/de\/wp-json\/wp\/v2\/media?parent=32274"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mimolive.com\/de\/wp-json\/wp\/v2\/categories?post=32274"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mimolive.com\/de\/wp-json\/wp\/v2\/tags?post=32274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}