{"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\/fr\/user-manual\/playout-output-destinations\/live-streaming\/livecodingtv\/","title":{"rendered":"Livecoding.tv"},"content":{"rendered":"<p>Livecoding.tv est une plateforme de streaming en direct qui vise \u00e0 \u00e9duquer les t\u00e9l\u00e9spectateurs gr\u00e2ce \u00e0 des tutoriels en direct.<\/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\">Pr\u00e9paration de votre compte livecoding.tv<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tout d'abord, vous devez vous inscrire sur LiveCoding.tv. Vous avez le choix entre plusieurs options. Si vous souhaitez diffuser en continu sur LiveCoding, vous devez vous inscrire pour obtenir un compte de diffuseur.<\/li>\n\n\n\n<li>Dans le coin sup\u00e9rieur droit, vous trouverez le menu de configuration de votre cha\u00eene. S\u00e9lectionnez l'\u00e9l\u00e9ment de menu \"Param\u00e8tres\". Cela vous am\u00e8nera \u00e0 une page o\u00f9 vous pourrez pr\u00e9configurer le comportement de votre diffusion.<\/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>Vous devez copier le <span class=\"caps\">FMS<\/span> <span class=\"caps\">URL<\/span> de la section \"Cl\u00e9 de diffusion\" et apportez-la dans le panneau de configuration de la diffusion dans mimoLive (voir les instructions ci-dessous pour savoir o\u00f9 la placer).<\/li>\n\n\n\n<li>Copiez ensuite la cl\u00e9 de diffusion en cliquant sur le bouton \"Cliquer pour afficher\" dans la section \"Cl\u00e9 de diffusion\" et transf\u00e9rez-la \u00e9galement sur 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\">Important : gardez la cl\u00e9 de streaming secr\u00e8te !<\/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\">Pr\u00e9paration de mimoLive<\/h3>\n\n\n\n<p>Vous voyez ici que mimoLive fonctionne avec deux couches visuelles actives.<\/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>Cliquez sur le petit bouton \u00e0 droite du bouton de diffusion en continu. Cela ouvrira le panneau des param\u00e8tres de diffusion en continu.<\/li>\n\n\n\n<li>Collez votre copie <span class=\"caps\">FMS<\/span> <span class=\"caps\">URL<\/span> et la cl\u00e9 de streaming (fournie par 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\">En direct<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cliquez sur le bouton livestream pour qu'il devienne rouge :<\/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>Retournez sur la page web de LiveCoding et s\u00e9lectionnez l'\u00e9l\u00e9ment de menu \"Ma cha\u00eene\" dans le menu d\u00e9roulant en haut \u00e0 droite. Vous devriez maintenant voir votre production vid\u00e9o dans la fen\u00eatre du navigateur.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"useful-things-to-consider\">\u00c9l\u00e9ments utiles \u00e0 prendre en compte<\/h3>\n\n\n\n<p>Lorsque vous diffusez sur LiveCoding.tv, vous souhaitez montrer votre bureau \u00e0 l'audience. Pour ce faire, vous devez cr\u00e9er une source \"Screen Capture\" ou une source \"Window Capture\" en fonction de ce que vous allez montrer.<\/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\">La source \"Window Capture\" n'affiche pas le curseur de la souris ni aucun autre \u00e9l\u00e9ment visuel sur le bureau.<\/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>Il est conseill\u00e9 d'installer deux \u00e9crans. Sur l'un des \u00e9crans, vous lancez mimoLive et sur l'autre, vous diffusez votre \u00e9mission de programmation.<\/li>\n\n\n\n<li>Utiliser le <span class=\"caps\">PIP<\/span> dans mimoLive pour inclure une cam\u00e9ra faciale dans votre flux vid\u00e9o. Les gens adorent voir qui se cache derri\u00e8re tout cela !<\/li>\n\n\n\n<li>Si vous souhaitez diffuser de la musique libre de droits, vous pouvez t\u00e9l\u00e9charger des morceaux \u00e0 partir du site joshwoodward.com et les placer dans une \"source de liste de lecture\" pour qu'ils tournent en boucle. Veillez \u00e0 respecter les exigences de la licence en donnant \u00e0 Josh Woodward les cr\u00e9dits pour la musique de votre \u00e9mission. Pour ce faire, vous pouvez facilement utiliser le calque Playlist Visualizer Layer.<\/li>\n\n\n\n<li>Si vous d\u00e9veloppez pour iOS et que vous testez votre application sur un appareil iOS r\u00e9el, vous pouvez utiliser une source vid\u00e9o d'appareil iOS pour afficher l'\u00e9cran de l'appareil iOS. Les calques iOS Device Demo et iOS Device Demo 3D, fournis avec mimoLive, sont parfaits pour pr\u00e9senter votre travail :<\/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\/fr\/wp-json\/wp\/v2\/user-manual\/32274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/user-manual"}],"about":[{"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/types\/user-manual"}],"author":[{"embeddable":true,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":0,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/user-manual\/32274\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/user-manual\/32254"}],"wp:attachment":[{"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/media?parent=32274"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/categories?post=32274"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/tags?post=32274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}