<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://kodi.wiki/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Zag</id>
	<title>Official Kodi Wiki - User contributions [en]</title>
	<link rel="self" type="application/atom+xml" href="https://kodi.wiki/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Zag"/>
	<link rel="alternate" type="text/html" href="https://kodi.wiki/view/Special:Contributions/Zag"/>
	<updated>2026-06-16T15:58:19Z</updated>
	<subtitle>User contributions</subtitle>
	<generator>MediaWiki 1.43.8</generator>
	<entry>
		<id>https://kodi.wiki/index.php?title=Samples&amp;diff=243120</id>
		<title>Samples</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=Samples&amp;diff=243120"/>
		<updated>2022-09-30T09:43:03Z</updated>

		<summary type="html">&lt;p&gt;Zag: /* Library samples */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{mininav| [[Troubleshooting]] {{l2|[[Development builds]] }} }}&lt;br /&gt;
&lt;br /&gt;
{{forum link2|1=Questions? Comments? See the &#039;&#039;[http://forum.kodi.tv/showthread.php?tid=248794 discussion thread]&#039;&#039;}}&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;(List and links compiled and maintained by @hdmkv)&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Kodi users are a demanding bunch when it comes to media players with Kodi &amp;amp; having as-close-to-perfect video playback capabilities as possible. All videos should play smoothly and w/o distracting artifacts such as stutters, frame skips, improper framerates, macroblocking, and audio drop-outs.&lt;br /&gt;
&lt;br /&gt;
Below is a collection of a/v clips for testing, pushing media player capabilities. Not all types, but the most widely used or critical types for home theater enthusiasts. [[w:Fair use|Fair use]] is claimed on all non-[[w:copyleft|copyleft]] clips, as their the purpose is only for testing, technical evaluation, and documentation.&lt;br /&gt;
&lt;br /&gt;
For any YouTube video, [https://www.4kdownload.com/products/product-videodownloader use this free tool] to download.&lt;br /&gt;
&lt;br /&gt;
==4K (UltraHD) Formats==&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEY3l3ODJReDg3RzQ/view?usp=sharing&amp;amp;resourcekey=0-5kDw2QbFk9eLrWE1N9M1rQ H.264 29.97fps, 51Mbps] (in mov, &#039;&#039;@hdmkv&#039;s&#039;&#039; iPhone 6S raw 4K footage)&lt;br /&gt;
#[https://www.youtube.com/watch?v=Ppz41EmaJyU H.264 30fps] (in MP4, 4K Test Patterns) (YouTube) &#039;&#039;(thanks @hansolo)&#039;&#039;&lt;br /&gt;
#[http://demo-uhd3d.com/fiche.php?cat=uhd&amp;amp;id=111 H.264 50fps] (in MP4, Astra DVB satellite capture sample)&lt;br /&gt;
#[http://www.demo-world.eu/download-2d-trailers-uhd/?file=samsung_seven_wonders_of_the_world_china_uhd-DWEU.mkv&amp;amp;pic=samsung_seven_wonders_of_the_world_china.jpg H.264 59.94fps] (in MKV)&lt;br /&gt;
#[http://demo-uhd3d.com/fiche.php?cat=uhd&amp;amp;id=101 HEVC 8-bit 29.97fps] (in MP4)&lt;br /&gt;
#[http://demo-uhd3d.com/fiche.php?cat=uhd&amp;amp;id=45 HEVC 10-bit 23.976fps] (in TS)&lt;br /&gt;
#[http://demo-uhd3d.com/fiche.php?cat=uhd&amp;amp;id=96 HEVC 10-bit 59.94fps] (in TS)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEdVBuZkltckdZZ0k/view?usp=sharing&amp;amp;resourcekey=0-k91iv2m3Plumc5jdKCbxdQ HEVC 10-bit 59.94fps] (Korean ATSC 3.0 satellite TV capture sample)&lt;br /&gt;
#[http://hdrsamples.com/ HDR 10-bit HEVC 24fps] (in MP4, &#039;Exodus&#039; and &#039;Life of Pi&#039; samples)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEdU9Ma0VYc3YxSVE/view?usp=sharing&amp;amp;resourcekey=0-FJsSx7fEhiVEtQMRwo_ePQ HDR 10-bit HEVC 25fps] (in TS, Astra DVB satellite capture sample; no audio) &#039;&#039;(courtesy WeTek)&#039;&#039;&lt;br /&gt;
#[https://www.projectorcentral.com/images/articles/10bit_HDR_Grayscale_ProjectorCentral_4K_(HEVC_10-bit).mp4 HDR 10-bit Grayscale Rotating Gradients] (hosted by Projector Central)&lt;br /&gt;
#[http://demo-uhd3d.com/fiche.php?cat=uhd&amp;amp;id=144 HDR 10-bit HEVC 59.94fps] (in MP4, Camp by Sony)&lt;br /&gt;
#[https://drive.google.com/file/d/1Ic9DZXMSo07EJMqCFaQRKSSrSw6y1mYv/view?usp=sharing HDR10 HEVC 59.94] (in mov, &#039;&#039;@hdmkv&#039;s&#039;&#039; iPhone 11 Pro Max raw 4K footage using [https://apps.apple.com/us/app/4k-hdr-video-recorder/id1203170948 4K HDR Video Recorder app])&lt;br /&gt;
#[https://drive.google.com/u/0/uc?id=1Nz2MPf2FPz3A99ciBSAl3m0U0XBbV1bv&amp;amp;export=download HDR10+ Int&#039;l Space Station Sample] (in 24fps TS)&lt;br /&gt;
#[https://mega.nz/file/af4zSAbQ#gBiHRiX3oLnBvxMNnytC08v8DRkKzQIkhGpg96nAWXE HDR10+ Profile A HEVC 10-bit 23.976 Sample] (in MKV with DTS:X audio)&lt;br /&gt;
#[https://mega.nz/file/nehDka6Z#C5_OPbSZkONdOp1jRmc09C9-viDc3zMj8ZHruHcWKyA HDR10+ Profile B HEVC 10-bit 23.976 Sample] (in MKV with EAC-3 JOC ATMOS audio)&lt;br /&gt;
#[https://ff.de/hdr10plus-metadata-test/ HDR10+ Dynamic Metadata Test 60fps] (in MP4)&lt;br /&gt;
#[https://drive.google.com/file/d/1cTRNwacsV-8J8PtcYNVDXBmGZF1SOynj/view?usp=sharing Dolby Vision w/embedded HLG HEVC 59.94] (in mov, &#039;&#039;@hdmkv&#039;s&#039;&#039; iPhone 11 Pro Max raw 4K footage using [https://apps.apple.com/us/app/4k-hdr-video-recorder/id1203170948 4K HDR Video Recorder app])&lt;br /&gt;
#[https://img.photographyblog.com/reviews/apple_iphone_13_pro/sample_images/4K60p.mov Dolby Vision w/embedded HLG HEVC 60fps] (in mov, Photography Blog&#039;s iPhone 13 Pro raw 4K footage)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEc3k0aldZaGtaVm8/view?usp=sharing&amp;amp;resourcekey=0-ECypkFcgdKx1YiojpUCWBA Dolby Vision 10-bit HEVC 23.976fps] (in TS, LG Comparison Demo)  &#039;&#039;(thanks @soyhakan)&#039;&#039;&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEWmNWcGl4eVRWS2M/view?usp=sharing&amp;amp;resourcekey=0-WkmICjhK5yus4EAaPuSuSw Dolby Vision 10-bit HEVC 23.976fps] (in TS, LG Trailer)  &#039;&#039;(thanks @soyhakan)&#039;&#039;&lt;br /&gt;
#[https://www.makemkv.com/download/dvtest/ Dolby Vision MKV Test Samples] (hosted by MakeMKV, these are great for evaluating the full DV range)&lt;br /&gt;
#[https://mega.nz/folder/FSog3BhS#UzG3Mrrs_vuT1Qy-lZIhhg Dolby Vision FEL Test Samples] (shared by &#039;&#039;@markswift2003&#039;&#039;; see [https://www.avsforum.com/threads/dune-pro-vision-4k-dolby-vision-fel-and-rpu-response-other-random-stuff.3188469/post-60582530 instructions on how to assess])&lt;br /&gt;
#[https://developer.dolby.com/tools-media/sample-media/video-streams/dolby-vision-streams/ Dolby Vision &#039;Glass Blowing&#039; Test Samples (Profiles 5 &amp;amp; 8.1)] (hosted officially by Dolby Developer)&lt;br /&gt;
#[https://mega.nz/file/DGJU1BzL#4jtSK9Kvx2N6WuNdnQXyOi4NFEqLIymLrmSK5R8WilY Dolby Vision Color Accuracy Sample (Profile 7)] (assess proper color rendering, flesh tones)&lt;br /&gt;
#[https://www.demolandia.net/4k-video-test/dolby-vision/page-1.html Dolby Vision MP4 Test Samples] (hosted by Demolandia)&lt;br /&gt;
#[https://www.youtube.com/watch?v=s6zR2T9vn2c VP9] (open-source alternative to HEVC) (YouTube)&lt;br /&gt;
#[https://mega.nz/#!pQEGgRwY!pD9whIlM-U9tJIA-LojxSt582BAZGfdSA5wAQLT06I4 VP9 Profile 2 HDR 24fps] The Redwoods (in MKV) &#039;&#039;(thanks @wesk05)&#039;&#039;&lt;br /&gt;
#[https://mega.nz/#!hJdFEIBI!uSOjZtkkjIVYSfqD9aSfONf1yq__uQvlsf47pCtFvdQ VP9 Profile 2 HDR 59.94fps] The World in HDR (in MKV) &#039;&#039;(thanks @wesk05)&#039;&#039;&lt;br /&gt;
#[https://storage.googleapis.com/media.webmproject.org/devsite/vp9/hdr-encoding/strobe_scientist.mkv ProRes HDR DCI-P3] Strobe Scientist&lt;br /&gt;
#[https://www.youtube.com/watch?v=nRt4Duf7GoI 5K (5120x2700) 60fps] (in MP4) (YouTube)&lt;br /&gt;
#[https://www.demolandia.net/downloads.php?id=60876578 HEVC 10-bit 23.976fps] (in MKV)&lt;br /&gt;
#[https://www.youtube.com/watch?v=ChOhcHD8fBA 8K (7680x4320) 29.97fps] (in MP4) (YouTube)&lt;br /&gt;
#[https://youtu.be/3SjX_X0oGxo 8K Dolby Vision 60fps] (in MP4) (YouTube)&lt;br /&gt;
&lt;br /&gt;
==HD/object-based Audio Test Clips==&lt;br /&gt;
#[https://mega.nz/#!cM9VmBSL!mME5qULH2H5M24vLmjqfZZkaoUjY6RsrGPiw3ultMW0 Dolby Digital Plus (E-AC3) 7.1] (M2TS @ 1080p/29.97) &#039;&#039;(thanks @wesk05)&#039;&#039;&lt;br /&gt;
#[http://www.demo-world.eu/download-2d-trailers/?file=dolby_digital_plus_channel_check_lossless-DWEU.mkv&amp;amp;pic=dolby_digital_plus_channel_check_lossless.jpg Dolby Digital Plus (E-AC3) 7.1 Channel Check] (MKV @ 1080p/29.97)&lt;br /&gt;
#[https://drive.google.com/file/d/1_Gc0v7glw5hGJ6l37En5YKDPnPSLR6HM/view?usp=sharing Enhanced AC3 with Joint Object Coding (EAC-3 JOC) ATMOS Sample] (MKV @ 4K/23.976 HDR10)&lt;br /&gt;
#Dolby TrueHD 5.1 (use clip #9 in &#039;Codecs&#039; section below)&lt;br /&gt;
#[http://www.demo-world.eu/download-2d-trailers/?file=dolby_truehd_channel_check_lossless-DWEU.mkv&amp;amp;pic=dolby_truehd_channel_check_lossless.jpg Dolby TrueHD 7.1 Channel Check] (MKV @ 1080p/29.97)&lt;br /&gt;
#[http://www.demo-world.eu/download-2d-trailers/?file=dolby_amaze_lossless-DWEU.m2ts&amp;amp;pic=dolby_amaze.jpg Dolby ATMOS &#039;Amaze&#039; Demo] (M2TS @ 1080p/24)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lENElIcC1xTnF2Yk0/view?usp=sharing&amp;amp;resourcekey=0-1_ByUhiruAwxfSNqW4ryAQ Dolby ATMOS &#039;Helicopter&#039; Demo] (M2TS @ 1080p/29.97 with DD+ 7.1 secondary track)&lt;br /&gt;
#[https://www.demolandia.net/downloads.php?id=236762 Dolby ATMOS &#039;Audiosphere&#039; Demo] (M2TS @ 1080p/24)&lt;br /&gt;
#[https://www.demolandia.net/downloads.php?id=52783232 Dolby ATMOS &#039;Silent&#039; Demo] (M2TS @ 1080p/24)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEcU1ScWZuMjhpOXM/view?usp=sharing&amp;amp;resourcekey=0-Kw7GSvWtpTG5WNFXvJXxNw DTS-HD HRA 5.1] (MKV @ 1080p/23.976 VC-1)&lt;br /&gt;
#[http://www.demo-world.eu/download-2d-trailers/?file=dts_orchestra_short_lossless-DWEU.mkv&amp;amp;pic=dts_orchestra.jpg DTS-HD HRA 7.1] (MKV @ 1080p/29.97)&lt;br /&gt;
#[https://www.demolandia.net/downloads.html?id=30191483 DTS-HD MA 5.1 Channel Check] (MKV @ 1080p/23.976)&lt;br /&gt;
#[https://drive.google.com/file/d/1HyQE5eqvV8BewCdbR9Xq3jbh1eUX0zXN/view?usp=sharing DTS-HD MA 5.1 THX Deep Note Genesis] (MKV @ 2160p/24)&lt;br /&gt;
#[https://drive.google.com/open?id=0Bx63o79bMC7lMEMxUmxzV2NtYTA DTS-HD MA 7.1 &#039;Dredd&#039; Audio Channel Check] (M2TS @ 1080p/23.976) &#039;&#039;(thanks @looun)&#039;&#039;&lt;br /&gt;
#[http://www.demo-world.eu/download-2d-trailers/?file=dts_x_all_around_us_lossless-DWEU.mkv&amp;amp;pic=dts_x_all_around_us.jpg DTS:X &#039;All Around Us&#039; Demo] (MKV @ 1080p/23.976) &#039;&#039;(thanks @wesk05)&#039;&#039;&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEQWNKRnBPUlB3QXc/view?usp=sharing&amp;amp;resourcekey=0-m0bCKOSBLih3jvvfMwLSxA DTS:X &#039;Gravity&#039; Demo] (MKV @ 1080p/23.976) &#039;&#039;(thanks @wesk05; modified to only retain the X track)&#039;&#039;&lt;br /&gt;
#[https://www.demolandia.net/downloads.php?id=87980801 DTS:X &#039;Sound Unbound Callout 11.1&#039; Demo] (M2TS @ 1080p/24)&lt;br /&gt;
#[https://www.demolandia.net/downloads.php?id=69530805 DTS:X &#039;Listen X Long&#039; Demo] (M2TS @ 1080p/24)&lt;br /&gt;
#[https://mega.nz/#!0NVhDIbY!D4Fte7Kb7728H9CRY3IVTHJ45ZwkCQiugdFS7pZCN_s DTS:X &#039;Movement&#039; Demo] (M2TS @ 1080p/23.976) &#039;&#039;(thanks @wesk05)&#039;&#039;&lt;br /&gt;
#[https://mega.nz/#!Rcl1ECiL!pzPT5LvMyYIoKbsm3HdMDi2vO6aPpE8gAjLsSTH1DZg LPCM 5.1] (MKV @ 1080p/23.976) &#039;&#039;(thanks @wesk05)&#039;&#039;&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEV2JjazFWQ05OSG8/view?usp=sharing&amp;amp;resourcekey=0-gZ3u3gtnO6cC4qw6dgg1nw LPCM 7.1] (MKV @ 1080p/23.976)&lt;br /&gt;
#[https://www2.iis.fraunhofer.de/AAC/multichannel.html AAC 5.1]&lt;br /&gt;
#[https://drive.google.com/file/d/1dWB93rzbd3tuHckQH8ZisnJd7NDgApoe/view?usp=sharing FLAC 5.1 and 7.1 audio-only samples]&lt;br /&gt;
&lt;br /&gt;
==3D Test Clips==&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEd2c0ekxfbFd3Tmc/view?usp=sharing&amp;amp;resourcekey=0-xPh7W5aHnTo4SNN790Lscg 3D MVC ISO Sample #1] (1080p/23.976)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEM2xjQndxV3ZzaVE/view?usp=sharing&amp;amp;resourcekey=0-ugbr-4FiuVyADmYOK_oXoQ 3D MVC ISO Sample #2 with 3D Subtitles] (1080p/23.976)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEMkJTV21JNnhfNlE/view?usp=sharing&amp;amp;resourcekey=0--B5KIzJq8TkuruFtWZy0Ig 3D MVC ISO Sample #3 for Pop-out &amp;amp; Depth Evaluation] (1080p/23.976)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEWmRyc0YwUExxX0U/view?usp=sharing&amp;amp;resourcekey=0-JS17Gxnro9jCG_3sY_kXcg 3D MVC ISO Sample #4 for Proper Lip-synch &amp;amp; Clean Render Check] (1080p/23.976)&lt;br /&gt;
#[https://mega.nz/#!8BcClSRb!Jd48Bfc-8DjGvr7upqDVaDz5RdRI1xdR0PQ1-kZIAsI 3D MVC Resolution Pattern] (1080p/23.976) &#039;&#039;(Per @wesk05 (thanks), pay attention to the alphabets and the vertical &amp;amp; horizontal bars. If you see gray lines in the vertical resolution boxes, it&#039;s an indication that either the playing device or the display is not showing full 1080p resolution in 3D mode)&#039;&#039;&lt;br /&gt;
#[https://thedigitaltheater.com/avatar-the-way-of-water-2022/ &#039;Avatar: The Way of the Water&#039; 3D ISO &amp;amp; SBS Trailers]&lt;br /&gt;
#[https://we.tl/GVI7OpbcYU 3D MVC ISO Barco Stinger Trailer] (1080p/24)&lt;br /&gt;
#[https://we.tl/LirYPMi3Y7 3D MVC ISO Dolby 3D Glasses Return Clip] (1080p/24)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lETWMzM1dRZF9XMDA/view?usp=sharing&amp;amp;resourcekey=0-RgKV_-y3FZVwsvrsukuvfw 3D Immersive MVC Sample] (MKV @ 1080p/23.976)&lt;br /&gt;
#[https://drive.google.com/file/d/1hGOmRT8tDXaM9-KdAmD-f0IUP1OZBgZe/view?usp=sharing 3D MVC IMAX Countdown] (MKV @ 1080p/23.976 with DTS-HD MA 5.1)&lt;br /&gt;
#[https://mega.nz/file/eO5QmTxa#WgYpyzYqSkscLTLI3BztXCLbCo3h6ZAUyAgesNCMNLw 3D MVC DTS Paint Symphony] (MKV @ 1080p/23.976 with DTS-HD MA 7.1)&lt;br /&gt;
#[https://we.tl/t-SBSah1jIKx H(SBS) Alita Battle Angel Trailer (side-by-side)] (MKV @ 1080p/23.976)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lET0czejJBVXJLSkE/view?usp=sharing&amp;amp;resourcekey=0-nN7dFCvZTmALjj3H_4G1uw H(TAB)/HOU (top-and-bottom/half-over-under)] (MKV @ 1080p/23.976)&lt;br /&gt;
&lt;br /&gt;
==Codecs, Framerates, Black-levels and Subtitles==&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lERkJRU003ZTd2VEk/view?usp=sharing&amp;amp;resourcekey=0-swC_jMVMd_EXmweT0tGKSg H.264 1080p/23.976] (MKV)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEdzlZZ2lCLTVLa2c/view?usp=sharing&amp;amp;resourcekey=0-iCq6zrc9whsrif4-Zvu0DQ H.264 1080p/24] (MKV)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEbFBzak1sbmU1N0E/view?usp=sharing&amp;amp;resourcekey=0-GOK3gZYAmP-ywn6T9zCDoQ H.264 1080i/25] (MKV)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEWDUzUVUtZEw4cDA/view?usp=sharing&amp;amp;resourcekey=0-xLf9zGIdfdibsOe8L5JWDg H.264 1080p/25] (MKV)&lt;br /&gt;
#[https://mega.nz/#!XI1yiKLA!rF4vweNo_xA7vpSzpLU-JctqfUGZN4vVU1m6WIJ5lT4 H.264 1080i/29.97 4:2:0@High 26Mbps] (C-Band satellite capture in MKV w/DTS-HD MA 2.0 audio, converted from E-AC3) &#039;&#039;(thanks @alanisrox69)&#039;&#039;&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEbVptTVZ2NENURHM/view?usp=sharing&amp;amp;resourcekey=0-ZkTnO85pBHyp7fYNMHGyjQ H.264 1080p/50] (MKV)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEUGZnR1JHUUU0WEk/view?usp=sharing&amp;amp;resourcekey=0-YrNv_pEiY4Ukaw_X5rckRw H.264 1080p/59.94] (MKV)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lETTVtaVV0LUVRZ1k/view?usp=sharing&amp;amp;resourcekey=0-rQVL39j5O_oysqA4xOSefQ H.264 1080p/60] (MKV)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lETFVpOWRVVGNfeEU/view?usp=sharing&amp;amp;resourcekey=0-e9HrVO61IGkoTc_GBMNbww VC-1 1080p/23.976] (MKV w/TrueHD 5.1 audio)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lERnhlY1pHeW5wbjQ/view?usp=sharing&amp;amp;resourcekey=0-EZX7FzpNtVgz7U0lUDejfg VC-1 1080i/29.97] (MKV w/DTS-HD MA 5.1 audio)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lETXlOa3hEMmVyZGM/view?usp=sharing&amp;amp;resourcekey=0-FG5JbjCsd8QduRhkZ2aT8A MPEG2 1080i/29.97] (U.S. ATSC OTA capture, muxed into MKV w/DD5.1 audio)&lt;br /&gt;
#[https://mega.nz/#!GJMAADTK!deabwHlqtw2I_ihoY6_0xnxT_1W_d3jpAjnANKRBAzE MPEG2 4:2:0@High 1080i/29.970 36Mbps] (C-Band satellite capture in TS w/DTS-HD MA 5.1 audio, converted from E-AC3) &#039;&#039;(thanks @alanisrox69 for #12-14)&#039;&#039;&lt;br /&gt;
#[https://mega.nz/#!jREAxYgb!MtjBIh1oSJJBZgLT7AcdG88hGCFG-ak7pC2AyjrsaIQ MPEG2 4:2:0@High 720p/59.94 20Mbps] (C-Band satellite capture in TS)&lt;br /&gt;
#[https://mega.nz/#!c9dhAaKA!MG5Yi-MJNATE2_KqcnNJZCRKtTWvdjJP1NwG8Ggdw3E MPEG2 4:2:2@High 1080i/29.97 35Mbps] (C-Band satellite capture in TS w/DTS-HD MA 5.1 audio, converted from E-AC3) (many media players can&#039;t play this)&lt;br /&gt;
#[https://www.dropbox.com/sh/6iy4gxgsfn14opq/AAAK_L1M_NwZwBPb5IkEPh7Ga?dl=0 Hi10 Anime Samples] &#039;&#039;(thanks @Morien)&#039;&#039;&lt;br /&gt;
#H.265 1080p (medium bitrate) Test #1 [https://drive.google.com/file/d/0B3-obtCH8dE8d04yQnY5ZkFJdVE/view?usp=sharing in ISO], and [https://drive.google.com/file/d/0B3-obtCH8dE8V0NXdi1Jd3NrNkk/view?usp=sharing in MKV] &#039;&#039;(thanks @Mike)&#039;&#039;&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEbWhqS284RkpNMXc/view?usp=sharing&amp;amp;resourcekey=0-QvcZotOvzcEttZqO0k-xCg 2D Forced Subtitles Sample #1 (SRT)]&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEVEluSFZ4NlhpLUk/view?usp=sharing&amp;amp;resourcekey=0-jrRNAhII3KVOq5Qid60tCw 2D Forced Subtitles Sample #2 (PGS)]&lt;br /&gt;
#3D Subtitles (use clip #2 in &#039;3D Test Clips&#039; section above)&lt;br /&gt;
#[http://www.hifiandtheater.com/files/intimax-test.mkv Black Level Test #1 Sample] (evaluate quality of your display&#039;s blacks in SDR) (1080p MKV) &#039;&#039;(thanks @hifiandtheater.com)&#039;&#039;&lt;br /&gt;
#[https://mega.nz/file/OaJnkSzb#sqR1bLb5IT7AXJS_o2SJQwXuNv4oRYsIDwMN6Ov1Hrs Black Level Test #2 Sample] (evaluate quality of your display&#039;s blacks in HDR) (4K MKV)&lt;br /&gt;
&lt;br /&gt;
==Bitrate Test Clips==&lt;br /&gt;
Media players should be able play 70Mbps or better smoothly, w/o stutters for full 1080p, and 108-128Mbps for full 4K&lt;br /&gt;
&lt;br /&gt;
*[http://jell.yfish.us/ Jellyfish, up to 400Mbps] (in H.264 and H.265 HEVC MKV) &#039;&#039;(thanks @ScottAllyn01 for your invaluable site)&#039;&#039;&lt;br /&gt;
*[http://dl.ganjanetwork.ru/Files/Video%20Test%20Files/Bitrate/Birds/ Birds, up to 90Mbps] (in H.264 MKV or M2TS)&lt;br /&gt;
&lt;br /&gt;
==Resources for Additional Test Clips or Samples==&lt;br /&gt;
*[https://www.demolandia.net Demolandia] (4K and 3D trailers trailers)&lt;br /&gt;
*[https://thedigitaltheater.com/ The Digital Theater] (several excellent ATMOS, 3D, IMAX, etc. trailers)&lt;br /&gt;
*[http://www.demo-world.eu/2d-demo-trailers-hd/ Demo World trailers] (several directly linked to above)&lt;br /&gt;
*[http://bbb3d.renderfarming.net/download.html Big Buck Bunny] (test suite with 2D, 3D and 4K clips)&lt;br /&gt;
*[http://www.cnx-software.com/2010/03/17/where-to-get-video-audio-and-image-samples/ CNXSoft&#039;s samples/links]&lt;br /&gt;
*[http://www.w6rz.net/ W6RZ MPEG2 clips]&lt;br /&gt;
*[https://www.koi-sama.net/files/hi10/ AVC High 10 Profile Anime Samples] &#039;&#039;(thanks @Morien)&#039;&#039;&lt;br /&gt;
*[http://4ksamples.com/ 4Ksamples.com] (movie, sport, nature clips in 4K)&lt;br /&gt;
*[https://www.youtube.com/user/jacobschwarz/videos Jacob + Katie Schwarz: We See the World in 4K] (beautiful 4K nature videos) (YouTube)&lt;br /&gt;
*[https://www.youtube.com/user/aroundtheworld4k/videos Around the World 4K] (Cities worldwide in striking 4K) (YouTube)&lt;br /&gt;
*[https://www.youtube.com/channel/UCW35MLO96M_UVG7YzMt1I2A/videos Cities in 4K] (Similar to above) (YouTube)&lt;br /&gt;
*[https://www.youtube.com/channel/UC_3n6GTFuC4tTAojueLBTHg/playlists Manufacturer and other demos in 4K] (YouTube)&lt;br /&gt;
*[http://www.imaging-resource.com/news/2014/11/19/samsung-nx1-4k-video-samples-and-new-full-res-frame-grabs-available-for-do Imaging Resource 4K Samples] &#039;&#039;(thanks @Karnis)&#039;&#039;&lt;br /&gt;
*[https://www.youtube.com/channel/UCve7_yAZHFNipzeAGBI5t9g/videos The HDR Channel] (YouTube)&lt;br /&gt;
*[https://www.youtube.com/channel/UC4CAxaO75mfkPr3GRiSGE_w/videos 8K World] (YouTube)&lt;br /&gt;
*[https://x265.com/hevc-video-files/ x265 HEVC Samples]&lt;br /&gt;
*[http://www.evosiastudios.com/category/portfolio/films/ Evosia Studios] (several beautiful 1080p to 4K films)&lt;br /&gt;
*[http://www.libde265.org/downloads-videos/ libde265] (1080p to maxed-out 4K samples) &#039;&#039;(thanks @Martijn)&#039;&#039;&lt;br /&gt;
*[https://www.youtube.com/user/martinheck1/videos Timestorm Films] (4K to 8K videos)&lt;br /&gt;
*[http://samples.mplayerhq.hu/ MplayerHQ&#039;s library] (many clips)&lt;br /&gt;
::{{note|&amp;lt;code&amp;gt;http://samples.mplayerhq.hu&amp;lt;/code&amp;gt; can even be added to Kodi as a video source, for easy loading, if you have a fast enough connection.}}&lt;br /&gt;
*[https://www.pc-magazin.de/ratgeber/hdr-tv-testfilm-testbild-kostenlos-download-3195250.html PC-Magazin.de/Ratgeber/hdr-tv-testfilm-testbild] (4K HDR and SDR test patterns with German descriptions)&lt;br /&gt;
*[https://tdarr.io/samples/ Tdarr samples](2000+ 240p-4K samples)&lt;br /&gt;
&lt;br /&gt;
== Library samples ==&lt;br /&gt;
=== Fake movie library ===&lt;br /&gt;
:A zipped collection of 1,000 empty movie files, with NFO files, poster, and fanart for each entry. Various movies from different years, including sequels/sets, remakes, movies named the same but unrelated, various genres, and so on. Useful for testing things like library scanning speed, library navigation, filtering, etc.&lt;br /&gt;
&lt;br /&gt;
:* https://www.dropbox.com/s/llciqryeqqk4t70/Test%20video%20library.zip?dl=0&lt;br /&gt;
&lt;br /&gt;
=== Fake TVShow library ===&lt;br /&gt;
:A zipped collection of 1,273 empty tvshow files and various show artwork. Contains 20 popular TVShows.&lt;br /&gt;
&lt;br /&gt;
:* https://github.com/zag2me/Kodi-Test-Sample-Media&lt;br /&gt;
&lt;br /&gt;
=== Music library ===&lt;br /&gt;
: Just the one album for now but hope to increase this over time. It&#039;s a complete album in MP3 format, tagged with Musicbrainz Picard ID3v2.3 (ID3v1 ID3v2.3) with extra genre, comment and composer tags for testing. Coverart is also included as a folder.jpg file. The album is licensed &amp;quot;Attribution-ShareAlike 3.0 Unported Creative Commons license&amp;quot; by the artist. You can download or pay for the album here if you like it. http://hungrylucy.com/album/pulse-of-the-earth&lt;br /&gt;
&lt;br /&gt;
:* https://www.dropbox.com/s/rk8ue5fs49v5pnm/Creative_Commons_Music.zip?dl=0&lt;br /&gt;
&lt;br /&gt;
=== Fake Sports TV Show library ===&lt;br /&gt;
: Here is a fake sports TV show library for use with the Kodi sports scraper. It includes a number of sports folders broken down into seasons and then events. This should work nicely with the current Sports TV scraper on the Kodi forums.&lt;br /&gt;
&lt;br /&gt;
:* https://www.thesportsdb.com/Sports_fake_video_files.zip&lt;br /&gt;
&lt;br /&gt;
=== Homebrew Games and Game ROMs ===&lt;br /&gt;
: These are locations to find a number of freely licensed &amp;quot;homebrew&amp;quot; games for classic consoles and stand-alone games that can be downloaded for testing with Kodi&#039;s upcoming [[Games|RetroRlayer]] feature. They include some homebrew games for NES, SNES, and GameBoy emulators, as well as a few homebrew game titles, such as; Cannonball, xrick, ChaiLove games and Lutro games.&lt;br /&gt;
&lt;br /&gt;
:* https://github.com/OpenEmu/OpenEmu-Update/tree/master/Homebrew&lt;br /&gt;
:* https://buildbot.libretro.com/assets/cores/&lt;br /&gt;
&lt;br /&gt;
== See also ==&lt;br /&gt;
* [[Video levels and color space]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Category:Troubleshooting]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=HOW-TO:Video_addon&amp;diff=184623</id>
		<title>HOW-TO:Video addon</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=HOW-TO:Video_addon&amp;diff=184623"/>
		<updated>2019-10-16T08:11:35Z</updated>

		<summary type="html">&lt;p&gt;Zag: Add video streaming section notes&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{mininav|[[Development]]|[[Add-on development]]|[[Python development]]}}&lt;br /&gt;
&amp;lt;br /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=Introduction=&lt;br /&gt;
This tutorial will explain how to write your first Kodi/XBMC video plugin Add-on&amp;lt;br /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=Tools=&lt;br /&gt;
Assuming you have already followed the Hello World Add-on you will have a text editor already setup. Since we are dealing with videos this time its probably a good idea to have a video player setup. We recommend another great open source project for this&lt;br /&gt;
&lt;br /&gt;
- VLC http://www.videolan.org/vlc/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=Installing=&lt;br /&gt;
For this example we will use 2 nice basic video Add-on tutorials You can find the source-code here:&lt;br /&gt;
&lt;br /&gt;
https://github.com/romanvm/plugin.video.example&lt;br /&gt;
&lt;br /&gt;
You can either download as a zip and install both of these inside the kodi GUI from the install from zip feature. Or extract the zip into your userdata/add-ons folder.&lt;br /&gt;
&lt;br /&gt;
=Testing=&lt;br /&gt;
You can first give the add-on a test run by going to:&lt;br /&gt;
System &amp;gt;&amp;gt; Add-Ons &amp;gt;&amp;gt; Enabled Add-Ons &amp;gt;&amp;gt; Video Add-Ons &amp;gt;&amp;gt; Example Kodi video Plugin. You should now be able to watch some test videos hosted from an internet web server.&lt;br /&gt;
&lt;br /&gt;
[[File:Videotutorial1.jpg]]&lt;br /&gt;
&lt;br /&gt;
=Explanation=&lt;br /&gt;
So whats happening in this add-on?&lt;br /&gt;
&lt;br /&gt;
Basically the Add-on is checking a website for the hosted videos. In this example we are directly linking to the videos, but there are possibilities for dynamic content and scraping of just about any online source&lt;br /&gt;
&lt;br /&gt;
Once the video link is sent to Kodi, our video player takes over and buffers, then plays the video just like any other media.&lt;br /&gt;
&lt;br /&gt;
=Structure=&lt;br /&gt;
main.py &amp;lt;-- This is the actual python code for your Add-On&lt;br /&gt;
&lt;br /&gt;
addon.xml &amp;lt;-- This is the Add-Ons metadata&lt;br /&gt;
&lt;br /&gt;
icon.png &amp;lt;-- A PNG icon for the add-on. It can be 256x256 or 512x512 pixels big. Try to make it look nice!&lt;br /&gt;
&lt;br /&gt;
Readme.md &amp;lt;-- The readme text file with a description of the Add-on and install instructions. This shows on the front of the GitHub page and helps users to understand your Add-on before downloading.&lt;br /&gt;
&lt;br /&gt;
=The Code=&lt;br /&gt;
So now we come to the actual Add-On code, this is where most of your Add-on is written and is a simple text file containing python code.&lt;br /&gt;
&lt;br /&gt;
First we initialize the Add-on and import and bits we need&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;python&amp;quot; enclose=&amp;quot;div&amp;quot;&amp;gt;&lt;br /&gt;
     import sys&lt;br /&gt;
     from urlparse import parse_qsl&lt;br /&gt;
     import xbmcgui&lt;br /&gt;
     import xbmcplugin&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Now we do something else...&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;python&amp;quot; enclose=&amp;quot;div&amp;quot;&amp;gt;&lt;br /&gt;
     # Get the plugin url in plugin:// notation.&lt;br /&gt;
     __url__ = sys.argv[0]&lt;br /&gt;
     # Get the plugin handle as an integer number.&lt;br /&gt;
     __handle__ = int(sys.argv[1])&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Here we use a fixed set of properties simply for demonstrating purposes. In a &amp;quot;real life&amp;quot; plugin you will need to get info and links to video files/streams from some web-site or online service.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;python&amp;quot; enclose=&amp;quot;div&amp;quot;&amp;gt;&lt;br /&gt;
VIDEOS = {&#039;Animals&#039;: [{&#039;name&#039;: &#039;Crab&#039;,&lt;br /&gt;
                       &#039;thumb&#039;: &#039;http://www.vidsplay.com/vids/crab.jpg&#039;,&lt;br /&gt;
                       &#039;video&#039;: &#039;http://www.vidsplay.com/vids/crab.mp4&#039;,&lt;br /&gt;
                       &#039;genre&#039;: &#039;Animals&#039;},&lt;br /&gt;
                      {&#039;name&#039;: &#039;Alligator&#039;,&lt;br /&gt;
                       &#039;thumb&#039;: &#039;http://www.vidsplay.com/vids/alligator.jpg&#039;,&lt;br /&gt;
                       &#039;video&#039;: &#039;http://www.vidsplay.com/vids/alligator.mp4&#039;,&lt;br /&gt;
                       &#039;genre&#039;: &#039;Animals&#039;},&lt;br /&gt;
                      {&#039;name&#039;: &#039;Turtle&#039;,&lt;br /&gt;
                       &#039;thumb&#039;: &#039;http://www.vidsplay.com/vids/turtle.jpg&#039;,&lt;br /&gt;
                       &#039;video&#039;: &#039;http://www.vidsplay.com/vids/turtle.mp4&#039;,&lt;br /&gt;
                       &#039;genre&#039;: &#039;Animals&#039;}&lt;br /&gt;
                      ],&lt;br /&gt;
            &#039;Cars&#039;: [{&#039;name&#039;: &#039;Postal Truck&#039;,&lt;br /&gt;
                      &#039;thumb&#039;: &#039;http://www.vidsplay.com/vids/us_postal.jpg&#039;,&lt;br /&gt;
                      &#039;video&#039;: &#039;http://www.vidsplay.com/vids/us_postal.mp4&#039;,&lt;br /&gt;
                      &#039;genre&#039;: &#039;Cars&#039;},&lt;br /&gt;
                     {&#039;name&#039;: &#039;Traffic&#039;,&lt;br /&gt;
                      &#039;thumb&#039;: &#039;http://www.vidsplay.com/vids/traffic1.jpg&#039;,&lt;br /&gt;
                      &#039;video&#039;: &#039;http://www.vidsplay.com/vids/traffic1.avi&#039;,&lt;br /&gt;
                      &#039;genre&#039;: &#039;Cars&#039;},&lt;br /&gt;
                     {&#039;name&#039;: &#039;Traffic Arrows&#039;,&lt;br /&gt;
                      &#039;thumb&#039;: &#039;http://www.vidsplay.com/vids/traffic_arrows.jpg&#039;,&lt;br /&gt;
                      &#039;video&#039;: &#039;http://www.vidsplay.com/vids/traffic_arrows.mp4&#039;,&lt;br /&gt;
                      &#039;genre&#039;: &#039;Cars&#039;}&lt;br /&gt;
                     ],&lt;br /&gt;
            &#039;Food&#039;: [{&#039;name&#039;: &#039;Chicken&#039;,&lt;br /&gt;
                      &#039;thumb&#039;: &#039;http://www.vidsplay.com/vids/chicken.jpg&#039;,&lt;br /&gt;
                      &#039;video&#039;: &#039;http://www.vidsplay.com/vids/bbqchicken.mp4&#039;,&lt;br /&gt;
                      &#039;genre&#039;: &#039;Food&#039;},&lt;br /&gt;
                     {&#039;name&#039;: &#039;Hamburger&#039;,&lt;br /&gt;
                      &#039;thumb&#039;: &#039;http://www.vidsplay.com/vids/hamburger.jpg&#039;,&lt;br /&gt;
                      &#039;video&#039;: &#039;http://www.vidsplay.com/vids/hamburger.mp4&#039;,&lt;br /&gt;
                      &#039;genre&#039;: &#039;Food&#039;},&lt;br /&gt;
                     {&#039;name&#039;: &#039;Pizza&#039;,&lt;br /&gt;
                      &#039;thumb&#039;: &#039;http://www.vidsplay.com/vids/pizza.jpg&#039;,&lt;br /&gt;
                      &#039;video&#039;: &#039;http://www.vidsplay.com/vids/pizza.mp4&#039;,&lt;br /&gt;
                      &#039;genre&#039;: &#039;Food&#039;}&lt;br /&gt;
                     ]}&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
And now we define something else...&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;python&amp;quot; enclose=&amp;quot;div&amp;quot;&amp;gt;&lt;br /&gt;
def get_categories():&lt;br /&gt;
         &amp;quot;&amp;quot;&amp;quot;&lt;br /&gt;
         Get the list of video categories.&lt;br /&gt;
         Here you can insert some parsing code that retrieves&lt;br /&gt;
         the list of video categories (e.g. &#039;Movies&#039;, &#039;TV-shows&#039;, &#039;Documentaries&#039; etc.)&lt;br /&gt;
         from some site or server.&lt;br /&gt;
         :return: list&lt;br /&gt;
         &amp;quot;&amp;quot;&amp;quot;&lt;br /&gt;
         return VIDEOS.keys()&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
And now we define something else...&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;python&amp;quot; enclose=&amp;quot;div&amp;quot;&amp;gt;&lt;br /&gt;
def get_videos(category):&lt;br /&gt;
    &amp;quot;&amp;quot;&amp;quot;&lt;br /&gt;
    Get the list of videofiles/streams.&lt;br /&gt;
    Here you can insert some parsing code that retrieves&lt;br /&gt;
    the list of videostreams in a given category from some site or server.&lt;br /&gt;
    :param category: str&lt;br /&gt;
    :return: list&lt;br /&gt;
    &amp;quot;&amp;quot;&amp;quot;&lt;br /&gt;
    return VIDEOS[category]&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
And now we define the list of categories&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;python&amp;quot; enclose=&amp;quot;div&amp;quot;&amp;gt;&lt;br /&gt;
def list_categories():&lt;br /&gt;
    &amp;quot;&amp;quot;&amp;quot;&lt;br /&gt;
    Create the list of video categories in the Kodi interface.&lt;br /&gt;
    :return: None&lt;br /&gt;
    &amp;quot;&amp;quot;&amp;quot;&lt;br /&gt;
    # Get video categories&lt;br /&gt;
    categories = get_categories()&lt;br /&gt;
    # Create a list for our items.&lt;br /&gt;
    listing = []&lt;br /&gt;
    # Iterate through categories&lt;br /&gt;
    for category in categories:&lt;br /&gt;
        # Create a list item with a text label and a thumbnail image.&lt;br /&gt;
        list_item = xbmcgui.ListItem(label=category, thumbnailImage=VIDEOS[category][0][&#039;thumb&#039;])&lt;br /&gt;
        # Set a fanart image for the list item.&lt;br /&gt;
        # Here we use the same image as the thumbnail for simplicity&#039;s sake.&lt;br /&gt;
        list_item.setProperty(&#039;fanart_image&#039;, VIDEOS[category][0][&#039;thumb&#039;])&lt;br /&gt;
        # Set additional info for the list item.&lt;br /&gt;
        # Here we use a category name for both properties for for simplicity&#039;s sake.&lt;br /&gt;
        # setInfo allows to set various information for an item.&lt;br /&gt;
        # For available properties see the following link:&lt;br /&gt;
        # http://mirrors.xbmc.org/docs/python-docs/15.x-isengard/xbmcgui.html#ListItem-setInfo&lt;br /&gt;
        list_item.setInfo(&#039;video&#039;, {&#039;title&#039;: category, &#039;genre&#039;: category})&lt;br /&gt;
        # Create a URL for the plugin recursive callback.&lt;br /&gt;
        # Example: plugin://plugin.video.example/?action=listing&amp;amp;category=Animals&lt;br /&gt;
        url = &#039;{0}?action=listing&amp;amp;category={1}&#039;.format(__url__, category)&lt;br /&gt;
        # is_folder = True means that this item opens a sub-list of lower level items.&lt;br /&gt;
        is_folder = True&lt;br /&gt;
        # Add our item to the listing as a 3-element tuple.&lt;br /&gt;
        listing.append((url, list_item, is_folder))&lt;br /&gt;
    # Add our listing to Kodi.&lt;br /&gt;
    # Large lists and/or slower systems benefit from adding all items at once via addDirectoryItems&lt;br /&gt;
    # instead of adding one by ove via addDirectoryItem.&lt;br /&gt;
    xbmcplugin.addDirectoryItems(__handle__, listing, len(listing))&lt;br /&gt;
    # Add a sort method for the virtual folder items (alphabetically, ignore articles)&lt;br /&gt;
    xbmcplugin.addSortMethod(__handle__, xbmcplugin.SORT_METHOD_LABEL_IGNORE_THE)&lt;br /&gt;
    # Finish creating a virtual folder.&lt;br /&gt;
    xbmcplugin.endOfDirectory(__handle__)&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
And here we list the videos&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;python&amp;quot; enclose=&amp;quot;div&amp;quot;&amp;gt;&lt;br /&gt;
def list_videos(category):&lt;br /&gt;
    &amp;quot;&amp;quot;&amp;quot;&lt;br /&gt;
    Create the list of playable videos in the Kodi interface.&lt;br /&gt;
    :param category: str&lt;br /&gt;
    :return: None&lt;br /&gt;
    &amp;quot;&amp;quot;&amp;quot;&lt;br /&gt;
    # Get the list of videos in the category.&lt;br /&gt;
    videos = get_videos(category)&lt;br /&gt;
    # Create a list for our items.&lt;br /&gt;
    listing = []&lt;br /&gt;
    # Iterate through videos.&lt;br /&gt;
    for video in videos:&lt;br /&gt;
        # Create a list item with a text label and a thumbnail image.&lt;br /&gt;
        list_item = xbmcgui.ListItem(label=video[&#039;name&#039;], thumbnailImage=video[&#039;thumb&#039;])&lt;br /&gt;
        # Set a fanart image for the list item.&lt;br /&gt;
        # Here we use the same image as the thumbnail for simplicity&#039;s sake.&lt;br /&gt;
        list_item.setProperty(&#039;fanart_image&#039;, video[&#039;thumb&#039;])&lt;br /&gt;
        # Set additional info for the list item.&lt;br /&gt;
        list_item.setInfo(&#039;video&#039;, {&#039;title&#039;: video[&#039;name&#039;], &#039;genre&#039;: video[&#039;genre&#039;]})&lt;br /&gt;
        # Set &#039;IsPlayable&#039; property to &#039;true&#039;.&lt;br /&gt;
        # This is mandatory for playable items!&lt;br /&gt;
        list_item.setProperty(&#039;IsPlayable&#039;, &#039;true&#039;)&lt;br /&gt;
        # Create a URL for the plugin recursive callback.&lt;br /&gt;
        # Example: plugin://plugin.video.example/?action=play&amp;amp;video=http://www.vidsplay.com/vids/crab.mp4&lt;br /&gt;
        url = &#039;{0}?action=play&amp;amp;video={1}&#039;.format(__url__, video[&#039;video&#039;])&lt;br /&gt;
        # Add the list item to a virtual Kodi folder.&lt;br /&gt;
        # is_folder = False means that this item won&#039;t open any sub-list.&lt;br /&gt;
        is_folder = False&lt;br /&gt;
        # Add our item to the listing as a 3-element tuple.&lt;br /&gt;
        listing.append((url, list_item, is_folder))&lt;br /&gt;
    # Add our listing to Kodi.&lt;br /&gt;
    # Large lists and/or slower systems benefit from adding all items at once via addDirectoryItems&lt;br /&gt;
    # instead of adding one by ove via addDirectoryItem.&lt;br /&gt;
    xbmcplugin.addDirectoryItems(__handle__, listing, len(listing))&lt;br /&gt;
    # Add a sort method for the virtual folder items (alphabetically, ignore articles)&lt;br /&gt;
    xbmcplugin.addSortMethod(__handle__, xbmcplugin.SORT_METHOD_LABEL_IGNORE_THE)&lt;br /&gt;
    # Finish creating a virtual folder.&lt;br /&gt;
    xbmcplugin.endOfDirectory(__handle__)&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Now we tell Kodi how to find the video path to play the videos&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;python&amp;quot; enclose=&amp;quot;div&amp;quot;&amp;gt;&lt;br /&gt;
def play_video(path):&lt;br /&gt;
    &amp;quot;&amp;quot;&amp;quot;&lt;br /&gt;
    Play a video by the provided path.&lt;br /&gt;
    :param path: str&lt;br /&gt;
    :return: None&lt;br /&gt;
    &amp;quot;&amp;quot;&amp;quot;&lt;br /&gt;
    # Create a playable item with a path to play.&lt;br /&gt;
    play_item = xbmcgui.ListItem(path=path)&lt;br /&gt;
    # Pass the item to the Kodi player.&lt;br /&gt;
    xbmcplugin.setResolvedUrl(__handle__, True, listitem=play_item)&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
This is the router function&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;python&amp;quot; enclose=&amp;quot;div&amp;quot;&amp;gt;&lt;br /&gt;
def router(paramstring):&lt;br /&gt;
    &amp;quot;&amp;quot;&amp;quot;&lt;br /&gt;
    Router function that calls other functions&lt;br /&gt;
    depending on the provided paramstring&lt;br /&gt;
    :param paramstring:&lt;br /&gt;
    :return:&lt;br /&gt;
    &amp;quot;&amp;quot;&amp;quot;&lt;br /&gt;
    # Parse a URL-encoded paramstring to the dictionary of&lt;br /&gt;
    # {&amp;lt;parameter&amp;gt;: &amp;lt;value&amp;gt;} elements&lt;br /&gt;
    params = dict(parse_qsl(paramstring[1:]))&lt;br /&gt;
    # Check the parameters passed to the plugin&lt;br /&gt;
    if params:&lt;br /&gt;
        if params[&#039;action&#039;] == &#039;listing&#039;:&lt;br /&gt;
            # Display the list of videos in a provided category.&lt;br /&gt;
            list_videos(params[&#039;category&#039;])&lt;br /&gt;
        elif params[&#039;action&#039;] == &#039;play&#039;:&lt;br /&gt;
            # Play a video from a provided URL.&lt;br /&gt;
            play_video(params[&#039;video&#039;])&lt;br /&gt;
    else:&lt;br /&gt;
        # If the plugin is called from Kodi UI without any parameters,&lt;br /&gt;
        # display the list of video categories&lt;br /&gt;
        list_categories()&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Call the router function&lt;br /&gt;
&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;python&amp;quot; enclose=&amp;quot;div&amp;quot;&amp;gt;&lt;br /&gt;
if __name__ == &#039;__main__&#039;:&lt;br /&gt;
    # Call the router function and pass the plugin call parameters to it.&lt;br /&gt;
    router(sys.argv[2])&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=Changing the code=&lt;br /&gt;
&lt;br /&gt;
Hopefully by now you have managed to run the Add-On, understand the structure and can see what the code can do. Now lets trying changing it a little!&lt;br /&gt;
&lt;br /&gt;
Since we already have the Add-on installed we can go directly to the Kodi userdata folder and edit the python directly. You can also have Kodi open at this time ready to run the Add-on when required. Just switch between your text editor and Kodi any time.&lt;br /&gt;
&lt;br /&gt;
Now open up the main.py file from your userdata folder and lets change what the text says.&lt;br /&gt;
&lt;br /&gt;
                 &#039;Cars&#039;: [{&#039;name&#039;: &#039;Postal Truck&#039;,&lt;br /&gt;
                      &#039;thumb&#039;: &#039;http://www.vidsplay.com/vids/us_postal.jpg&#039;,&lt;br /&gt;
                      &#039;video&#039;: &#039;http://www.vidsplay.com/vids/us_postal.mp4&#039;,&lt;br /&gt;
                      &#039;genre&#039;: &#039;Cars&#039;},&lt;br /&gt;
&lt;br /&gt;
Try changing some of the links to another jpeg file or hosted online video. Also try to change the genre and see how that effects the view in Kodi.&lt;br /&gt;
&lt;br /&gt;
Click save on your text editor and now try running the Add-On inside Kodi. You should see the new video links and navigation right away.&lt;br /&gt;
&lt;br /&gt;
Congratulations! you&#039;ve just played an online video from your very own Video Add-on&lt;br /&gt;
&lt;br /&gt;
=Streaming Video=&lt;br /&gt;
In addition to this guide, here are some comments from an experienced developer who has worked with streaming video sites:&lt;br /&gt;
&lt;br /&gt;
The docs on codedocs.xyz will help you a lot, way more than any wiki.&lt;br /&gt;
&lt;br /&gt;
https://codedocs.xyz/xbmc/xbmc/&lt;br /&gt;
&lt;br /&gt;
Speaking of docs, the ListItem reference will be most useful, time and time again.&lt;br /&gt;
&lt;br /&gt;
https://codedocs.xyz/xbmc/xbmc/group__python__xbmcgui__listitem.html#gac31a08def90f50295146753353cb9541&lt;br /&gt;
&lt;br /&gt;
Since you&#039;re relying on a streaming platform you won&#039;t need to do anything particular yourself, you can get away with fetching the data and posting an item with the URL of the video. InputStream.Adaptive configuration might be needed, especially if the videos need DRM.&lt;br /&gt;
&lt;br /&gt;
You can get a lot done with the requests module, depending on the data you&#039;re processing. It&#039;s fully supported in Kodi, cookie and sessions included.&lt;br /&gt;
In short, it&#039;s really simple, you:&lt;br /&gt;
&lt;br /&gt;
- get the information you need off the internet (title/URL could suffice for a start);&lt;br /&gt;
&lt;br /&gt;
- you generate items that Kodi will treat as video sources (see xbmcplugin.addDirectoryItem() and xbmcgui.ListItem());&lt;br /&gt;
&lt;br /&gt;
You could also read the sources of plugins such as AsciiDisco&#039;s Netflix or Sandmann79&#039;s Amazon/AmazonVOD addons.&lt;br /&gt;
&lt;br /&gt;
You can read more in this thread&lt;br /&gt;
https://forum.kodi.tv/showthread.php?tid=348328&lt;br /&gt;
&lt;br /&gt;
=Final Thoughts=&lt;br /&gt;
&lt;br /&gt;
Writing a Video Add-on is actually pretty simple once you get the basic structure correct. You can scrape most online sources with Regex, or host your own videos on the web. You can also play youtube clips or vevo videos using some additional easy to use modules.&lt;br /&gt;
&lt;br /&gt;
If you have any questions about this tutorial, feel free to discuss it on our forums here: http://forum.kodi.tv/showthread.php?tid=248774&lt;br /&gt;
&lt;br /&gt;
=Extra info=&lt;br /&gt;
&lt;br /&gt;
Just a reminder...&lt;br /&gt;
IMPORTANT!!!!!!!   Do not mix tabs and spaces in python&lt;br /&gt;
&lt;br /&gt;
[[Category:Add-on development]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=Music_videos&amp;diff=182496</id>
		<title>Music videos</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=Music_videos&amp;diff=182496"/>
		<updated>2019-09-24T13:18:04Z</updated>

		<summary type="html">&lt;p&gt;Zag: Add Nfo summary section with link to main article&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{mininav|[[Video library]] {{l2| [[Music library]] }} }}&lt;br /&gt;
&amp;lt;section begin=&amp;quot;intro&amp;quot; /&amp;gt;Kodi has the ability to include Music Videos in the [[Video library|Video]] and [[Music library|Music]] libraries. All scanned music videos will show up in both. Music Videos can also be part of [[Playlists#Party Mode Playlist|Party Mode]] and [[Playlists#Smart Playlists|Smart Playlists]]. Playlists containing both music and music videos should be stored in the mixed playlist subfolder under the [[userdata]] folder.&amp;lt;section end=&amp;quot;intro&amp;quot; /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== File structure ==&lt;br /&gt;
&lt;br /&gt;
Its important to make use the standard file structure for music videos like so:&lt;br /&gt;
&lt;br /&gt;
   C:\Kodi Sources\Mvids\Artist - Title.mkv&lt;br /&gt;
&lt;br /&gt;
All music videos should be in a single folder named exactly as the above examples. NOTE: The space between the hyphen is important!&lt;br /&gt;
&lt;br /&gt;
[[File:Mvids-Structure.jpg]]&lt;br /&gt;
&lt;br /&gt;
== Selecting the source ==&lt;br /&gt;
&lt;br /&gt;
Once you have all your music videos named correctly we can set them up as a source in Kodi&lt;br /&gt;
&lt;br /&gt;
   Videos &amp;gt;&amp;gt; Files &amp;gt;&amp;gt; Add Videos &amp;gt;&amp;gt; Browse &amp;gt;&amp;gt; Select your music video folder (in this case &amp;quot;Mvids&amp;quot;)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Selecting the Scraper ==&lt;br /&gt;
&lt;br /&gt;
Now we have the source folder selected we need to set a few options:&lt;br /&gt;
&lt;br /&gt;
   Set content &amp;gt;&amp;gt; &amp;quot;Music Videos&amp;quot; &amp;gt;&amp;gt; Choose provider &lt;br /&gt;
&lt;br /&gt;
NOTE: Currently there are no music video scrapers on the official Kodi Repository, but you can find some here on github. Just download as a zip and install from kodis add-on browser manually:&lt;br /&gt;
&lt;br /&gt;
https://github.com/tphoenix/metadata.musicvideos.imvdb&lt;br /&gt;
&lt;br /&gt;
https://github.com/zag2me/metadata.musicvideos.theaudiodb.com&lt;br /&gt;
&lt;br /&gt;
Make sure that user folder names for lookups is unchecked and hit OK, then update library at the next popup.&lt;br /&gt;
&lt;br /&gt;
[[File:Mvids-Config.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Music Video Views ==&lt;br /&gt;
&lt;br /&gt;
Now we have all the music videos imported, we can go and find them from the main menu&lt;br /&gt;
&lt;br /&gt;
   Music &amp;gt;&amp;gt; Music Videos &amp;gt;&amp;gt; Title&lt;br /&gt;
&lt;br /&gt;
And now you should see something like this with all the artwork and metadata matched to each video!&lt;br /&gt;
&lt;br /&gt;
[[File:Mvid-View.jpg]]&lt;br /&gt;
&lt;br /&gt;
From here you can browse music videos in many different ways such as by year, title or via the album they were released on. &lt;br /&gt;
&lt;br /&gt;
[[File:Mvid-nodes.jpg]]&lt;br /&gt;
&lt;br /&gt;
This will make it much easier and quicker to find the video you want.&lt;br /&gt;
&lt;br /&gt;
As an added bonus you can also search by director or even the film company that produced it. Its a really nice way of browsing the videos if you like the style of a particular director.&lt;br /&gt;
&lt;br /&gt;
== Video guides ==&lt;br /&gt;
&lt;br /&gt;
{{youtube|n7kYOhiMFiI}}&lt;br /&gt;
&lt;br /&gt;
== Music Video NFO files ==&lt;br /&gt;
Just as with other types on content in Kodi, you can override any music video lookup with an NFO file. This can be useful for videos that don&#039;t scrape properly or where you just want to manually add metadata and artwork.&lt;br /&gt;
&lt;br /&gt;
Just create a new text file with the nfo extension named the same filename as the music video so for example:&lt;br /&gt;
&lt;br /&gt;
     C:\Media\MViDS\Abba - Dancing Queen.mkv&lt;br /&gt;
     C:\Media\MViDS\Abba - Dancing Queen.nfo&lt;br /&gt;
&lt;br /&gt;
And edit the .nfo with a text editor in the following syntax.&lt;br /&gt;
&lt;br /&gt;
{{collapse top| Music Video nfo file  (click &#039;expand&#039; to view)}}&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;xml&amp;quot; line=&#039;line&#039;&amp;gt;&lt;br /&gt;
&amp;lt;?xml version=&amp;quot;1.0&amp;quot; encoding=&amp;quot;UTF-8&amp;quot; standalone=&amp;quot;yes&amp;quot; ?&amp;gt;&lt;br /&gt;
&amp;lt;musicvideo&amp;gt;&lt;br /&gt;
    &amp;lt;title&amp;gt;Dancing Queen&amp;lt;/title&amp;gt;&lt;br /&gt;
    &amp;lt;userrating&amp;gt;0&amp;lt;/userrating&amp;gt;&lt;br /&gt;
    &amp;lt;top250&amp;gt;0&amp;lt;/top250&amp;gt;&lt;br /&gt;
    &amp;lt;track&amp;gt;3&amp;lt;/track&amp;gt;&lt;br /&gt;
    &amp;lt;album&amp;gt;Arrival&amp;lt;/album&amp;gt;&lt;br /&gt;
    &amp;lt;outline&amp;gt;&amp;lt;/outline&amp;gt;&lt;br /&gt;
    &amp;lt;plot&amp;gt;Dancing Queen est un des tubes emblématiques de l&amp;amp;apos;ère disco produits par le groupe suédois ABBA en 1976. Ce tube connaît un regain de popularité en 1994 lors de la sortie de Priscilla, folle du désert, et fait « presque » partie de la distribution du film Muriel.&amp;amp;#x0A;Le groupe a également enregistré une version espagnole de ce titre, La reina del baile, pour le marché d&amp;amp;apos;Amérique latine. On peut retrouver ces versions en espagnol des succès de ABBA sur l&amp;amp;apos;abum Oro. Le 18 juin 1976, ABBA a interprété cette chanson lors d&amp;amp;apos;un spectacle télévisé organisé en l&amp;amp;apos;honneur du roi Charles XVI Gustave de Suède, qui venait de se marier. Le titre sera repris en 2011 par Glee dans la saison 2, épisode 20.&amp;lt;/plot&amp;gt;&lt;br /&gt;
    &amp;lt;tagline&amp;gt;&amp;lt;/tagline&amp;gt;&lt;br /&gt;
    &amp;lt;runtime&amp;gt;2&amp;lt;/runtime&amp;gt;&lt;br /&gt;
    &amp;lt;thumb preview=&amp;quot;https://www.theaudiodb.com/images/media/album/thumb/arrival-4ee244732bbde.jpg/preview&amp;quot;&amp;gt;https://www.theaudiodb.com/images/media/album/thumb/arrival-4ee244732bbde.jpg&amp;lt;/thumb&amp;gt;&lt;br /&gt;
    &amp;lt;thumb preview=&amp;quot;https://assets.fanart.tv/preview/music/d87e52c5-bb8d-4da8-b941-9f4928627dc8/albumcover/arrival-548ab7a698b49.jpg&amp;quot;&amp;gt;https://assets.fanart.tv/fanart/music/d87e52c5-bb8d-4da8-b941-9f4928627dc8/albumcover/arrival-548ab7a698b49.jpg&amp;lt;/thumb&amp;gt;&lt;br /&gt;
    &amp;lt;mpaa&amp;gt;&amp;lt;/mpaa&amp;gt;&lt;br /&gt;
    &amp;lt;playcount&amp;gt;0&amp;lt;/playcount&amp;gt;&lt;br /&gt;
    &amp;lt;lastplayed&amp;gt;&amp;lt;/lastplayed&amp;gt;&lt;br /&gt;
    &amp;lt;id&amp;gt;&amp;lt;/id&amp;gt;&lt;br /&gt;
    &amp;lt;genre&amp;gt;Pop&amp;lt;/genre&amp;gt;&lt;br /&gt;
    &amp;lt;director&amp;gt;John Smith&amp;lt;/director&amp;gt;&lt;br /&gt;
    &amp;lt;premiered&amp;gt;1976-01-01&amp;lt;/premiered&amp;gt;&lt;br /&gt;
    &amp;lt;year&amp;gt;1976&amp;lt;/year&amp;gt;&lt;br /&gt;
    &amp;lt;status&amp;gt;&amp;lt;/status&amp;gt;&lt;br /&gt;
    &amp;lt;code&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
    &amp;lt;aired&amp;gt;&amp;lt;/aired&amp;gt;&lt;br /&gt;
    &amp;lt;studio&amp;gt;Studio 54&amp;lt;/studio&amp;gt;&lt;br /&gt;
    &amp;lt;trailer&amp;gt;&amp;lt;/trailer&amp;gt;&lt;br /&gt;
    &amp;lt;fileinfo&amp;gt;&lt;br /&gt;
        &amp;lt;streamdetails&amp;gt;&lt;br /&gt;
            &amp;lt;video&amp;gt;&lt;br /&gt;
                &amp;lt;codec&amp;gt;hevc&amp;lt;/codec&amp;gt;&lt;br /&gt;
                &amp;lt;aspect&amp;gt;1.792230&amp;lt;/aspect&amp;gt;&lt;br /&gt;
                &amp;lt;width&amp;gt;716&amp;lt;/width&amp;gt;&lt;br /&gt;
                &amp;lt;height&amp;gt;568&amp;lt;/height&amp;gt;&lt;br /&gt;
                &amp;lt;durationinseconds&amp;gt;143&amp;lt;/durationinseconds&amp;gt;&lt;br /&gt;
                &amp;lt;stereomode&amp;gt;&amp;lt;/stereomode&amp;gt;&lt;br /&gt;
            &amp;lt;/video&amp;gt;&lt;br /&gt;
            &amp;lt;audio&amp;gt;&lt;br /&gt;
                &amp;lt;codec&amp;gt;ac3&amp;lt;/codec&amp;gt;&lt;br /&gt;
                &amp;lt;language&amp;gt;eng&amp;lt;/language&amp;gt;&lt;br /&gt;
                &amp;lt;channels&amp;gt;2&amp;lt;/channels&amp;gt;&lt;br /&gt;
            &amp;lt;/audio&amp;gt;&lt;br /&gt;
        &amp;lt;/streamdetails&amp;gt;&lt;br /&gt;
    &amp;lt;/fileinfo&amp;gt;&lt;br /&gt;
    &amp;lt;artist&amp;gt;ABBA&amp;lt;/artist&amp;gt;&lt;br /&gt;
    &amp;lt;resume&amp;gt;&lt;br /&gt;
        &amp;lt;position&amp;gt;0.000000&amp;lt;/position&amp;gt;&lt;br /&gt;
        &amp;lt;total&amp;gt;0.000000&amp;lt;/total&amp;gt;&lt;br /&gt;
    &amp;lt;/resume&amp;gt;&lt;br /&gt;
    &amp;lt;dateadded&amp;gt;2018-09-10 09:46:06&amp;lt;/dateadded&amp;gt;&lt;br /&gt;
&amp;lt;/musicvideo&amp;gt;&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
{{collapse bottom}}&lt;br /&gt;
&lt;br /&gt;
Full Wiki article here: https://kodi.wiki/view/NFO_files/Music_videos&lt;br /&gt;
&lt;br /&gt;
== 3rd Party Apps == &lt;br /&gt;
There is a good 3rd party app that can help create NFO files&lt;br /&gt;
&lt;br /&gt;
[[File:1f9fmvid nfo creator.jpg]]&lt;br /&gt;
&lt;br /&gt;
Download = https://archive.codeplex.com/?p=popatopdad&lt;br /&gt;
&lt;br /&gt;
== Known Issues ==&lt;br /&gt;
- Music Videos with apostrophes in the artist or song name will not currently work with the XML scraper&lt;br /&gt;
&lt;br /&gt;
- Music Videos that do not have an entry on MusicBrainz or TheAudioDB website will not work with the current scraper. Solution is to add them to Musicbrainz and then import on TheAudioDB if possible.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Category:Video library]]&lt;br /&gt;
[[Category:Music library]]&lt;br /&gt;
[[Category:Manual]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=Music_videos&amp;diff=182495</id>
		<title>Music videos</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=Music_videos&amp;diff=182495"/>
		<updated>2019-09-24T13:07:10Z</updated>

		<summary type="html">&lt;p&gt;Zag: Add 3rd Party Mvid App section&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{mininav|[[Video library]] {{l2| [[Music library]] }} }}&lt;br /&gt;
&amp;lt;section begin=&amp;quot;intro&amp;quot; /&amp;gt;Kodi has the ability to include Music Videos in the [[Video library|Video]] and [[Music library|Music]] libraries. All scanned music videos will show up in both. Music Videos can also be part of [[Playlists#Party Mode Playlist|Party Mode]] and [[Playlists#Smart Playlists|Smart Playlists]]. Playlists containing both music and music videos should be stored in the mixed playlist subfolder under the [[userdata]] folder.&amp;lt;section end=&amp;quot;intro&amp;quot; /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== File structure ==&lt;br /&gt;
&lt;br /&gt;
Its important to make use the standard file structure for music videos like so:&lt;br /&gt;
&lt;br /&gt;
   C:\Kodi Sources\Mvids\Artist - Title.mkv&lt;br /&gt;
&lt;br /&gt;
All music videos should be in a single folder named exactly as the above examples. NOTE: The space between the hyphen is important!&lt;br /&gt;
&lt;br /&gt;
[[File:Mvids-Structure.jpg]]&lt;br /&gt;
&lt;br /&gt;
== Selecting the source ==&lt;br /&gt;
&lt;br /&gt;
Once you have all your music videos named correctly we can set them up as a source in Kodi&lt;br /&gt;
&lt;br /&gt;
   Videos &amp;gt;&amp;gt; Files &amp;gt;&amp;gt; Add Videos &amp;gt;&amp;gt; Browse &amp;gt;&amp;gt; Select your music video folder (in this case &amp;quot;Mvids&amp;quot;)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Selecting the Scraper ==&lt;br /&gt;
&lt;br /&gt;
Now we have the source folder selected we need to set a few options:&lt;br /&gt;
&lt;br /&gt;
   Set content &amp;gt;&amp;gt; &amp;quot;Music Videos&amp;quot; &amp;gt;&amp;gt; Choose provider &lt;br /&gt;
&lt;br /&gt;
NOTE: Currently there are no music video scrapers on the official Kodi Repository, but you can find some here on github. Just download as a zip and install from kodis add-on browser manually:&lt;br /&gt;
&lt;br /&gt;
https://github.com/tphoenix/metadata.musicvideos.imvdb&lt;br /&gt;
&lt;br /&gt;
https://github.com/zag2me/metadata.musicvideos.theaudiodb.com&lt;br /&gt;
&lt;br /&gt;
Make sure that user folder names for lookups is unchecked and hit OK, then update library at the next popup.&lt;br /&gt;
&lt;br /&gt;
[[File:Mvids-Config.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Music Video Views ==&lt;br /&gt;
&lt;br /&gt;
Now we have all the music videos imported, we can go and find them from the main menu&lt;br /&gt;
&lt;br /&gt;
   Music &amp;gt;&amp;gt; Music Videos &amp;gt;&amp;gt; Title&lt;br /&gt;
&lt;br /&gt;
And now you should see something like this with all the artwork and metadata matched to each video!&lt;br /&gt;
&lt;br /&gt;
[[File:Mvid-View.jpg]]&lt;br /&gt;
&lt;br /&gt;
From here you can browse music videos in many different ways such as by year, title or via the album they were released on. &lt;br /&gt;
&lt;br /&gt;
[[File:Mvid-nodes.jpg]]&lt;br /&gt;
&lt;br /&gt;
This will make it much easier and quicker to find the video you want.&lt;br /&gt;
&lt;br /&gt;
As an added bonus you can also search by director or even the film company that produced it. Its a really nice way of browsing the videos if you like the style of a particular director.&lt;br /&gt;
&lt;br /&gt;
== Video guides ==&lt;br /&gt;
&lt;br /&gt;
{{youtube|n7kYOhiMFiI}}&lt;br /&gt;
&lt;br /&gt;
== Known Issues ==&lt;br /&gt;
- Music Videos with apostrophes in the artist or song name will not currently work with the XML scraper&lt;br /&gt;
&lt;br /&gt;
- Music Videos that do not have an entry on MusicBrainz or TheAudioDB website will not work with the current scraper. Solution is to add them to Musicbrainz and then import on TheAudioDB if possible.&lt;br /&gt;
&lt;br /&gt;
== 3rd Party Apps == &lt;br /&gt;
There is a good 3rd party app that can help create NFO files&lt;br /&gt;
&lt;br /&gt;
[[File:1f9fmvid nfo creator.jpg]]&lt;br /&gt;
&lt;br /&gt;
Download = https://archive.codeplex.com/?p=popatopdad&lt;br /&gt;
&lt;br /&gt;
[[Category:Video library]]&lt;br /&gt;
[[Category:Music library]]&lt;br /&gt;
[[Category:Manual]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:1f9fmvid_nfo_creator.jpg&amp;diff=182494</id>
		<title>File:1f9fmvid nfo creator.jpg</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:1f9fmvid_nfo_creator.jpg&amp;diff=182494"/>
		<updated>2019-09-24T13:05:00Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=Music_videos&amp;diff=182493</id>
		<title>Music videos</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=Music_videos&amp;diff=182493"/>
		<updated>2019-09-24T13:03:20Z</updated>

		<summary type="html">&lt;p&gt;Zag: Add known issues section&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{mininav|[[Video library]] {{l2| [[Music library]] }} }}&lt;br /&gt;
&amp;lt;section begin=&amp;quot;intro&amp;quot; /&amp;gt;Kodi has the ability to include Music Videos in the [[Video library|Video]] and [[Music library|Music]] libraries. All scanned music videos will show up in both. Music Videos can also be part of [[Playlists#Party Mode Playlist|Party Mode]] and [[Playlists#Smart Playlists|Smart Playlists]]. Playlists containing both music and music videos should be stored in the mixed playlist subfolder under the [[userdata]] folder.&amp;lt;section end=&amp;quot;intro&amp;quot; /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== File structure ==&lt;br /&gt;
&lt;br /&gt;
Its important to make use the standard file structure for music videos like so:&lt;br /&gt;
&lt;br /&gt;
   C:\Kodi Sources\Mvids\Artist - Title.mkv&lt;br /&gt;
&lt;br /&gt;
All music videos should be in a single folder named exactly as the above examples. NOTE: The space between the hyphen is important!&lt;br /&gt;
&lt;br /&gt;
[[File:Mvids-Structure.jpg]]&lt;br /&gt;
&lt;br /&gt;
== Selecting the source ==&lt;br /&gt;
&lt;br /&gt;
Once you have all your music videos named correctly we can set them up as a source in Kodi&lt;br /&gt;
&lt;br /&gt;
   Videos &amp;gt;&amp;gt; Files &amp;gt;&amp;gt; Add Videos &amp;gt;&amp;gt; Browse &amp;gt;&amp;gt; Select your music video folder (in this case &amp;quot;Mvids&amp;quot;)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Selecting the Scraper ==&lt;br /&gt;
&lt;br /&gt;
Now we have the source folder selected we need to set a few options:&lt;br /&gt;
&lt;br /&gt;
   Set content &amp;gt;&amp;gt; &amp;quot;Music Videos&amp;quot; &amp;gt;&amp;gt; Choose provider &lt;br /&gt;
&lt;br /&gt;
NOTE: Currently there are no music video scrapers on the official Kodi Repository, but you can find some here on github. Just download as a zip and install from kodis add-on browser manually:&lt;br /&gt;
&lt;br /&gt;
https://github.com/tphoenix/metadata.musicvideos.imvdb&lt;br /&gt;
&lt;br /&gt;
https://github.com/zag2me/metadata.musicvideos.theaudiodb.com&lt;br /&gt;
&lt;br /&gt;
Make sure that user folder names for lookups is unchecked and hit OK, then update library at the next popup.&lt;br /&gt;
&lt;br /&gt;
[[File:Mvids-Config.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Music Video Views ==&lt;br /&gt;
&lt;br /&gt;
Now we have all the music videos imported, we can go and find them from the main menu&lt;br /&gt;
&lt;br /&gt;
   Music &amp;gt;&amp;gt; Music Videos &amp;gt;&amp;gt; Title&lt;br /&gt;
&lt;br /&gt;
And now you should see something like this with all the artwork and metadata matched to each video!&lt;br /&gt;
&lt;br /&gt;
[[File:Mvid-View.jpg]]&lt;br /&gt;
&lt;br /&gt;
From here you can browse music videos in many different ways such as by year, title or via the album they were released on. &lt;br /&gt;
&lt;br /&gt;
[[File:Mvid-nodes.jpg]]&lt;br /&gt;
&lt;br /&gt;
This will make it much easier and quicker to find the video you want.&lt;br /&gt;
&lt;br /&gt;
As an added bonus you can also search by director or even the film company that produced it. Its a really nice way of browsing the videos if you like the style of a particular director.&lt;br /&gt;
&lt;br /&gt;
== Video guides ==&lt;br /&gt;
&lt;br /&gt;
{{youtube|n7kYOhiMFiI}}&lt;br /&gt;
&lt;br /&gt;
== Known Issues ==&lt;br /&gt;
- Music Videos with apostrophes in the artist or song name will not currently work with the XML scraper&lt;br /&gt;
&lt;br /&gt;
- Music Videos that do not have an entry on MusicBrainz or TheAudioDB website will not work with the current scraper. Solution is to add them to Musicbrainz and then import on TheAudioDB if possible.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Category:Video library]]&lt;br /&gt;
[[Category:Music library]]&lt;br /&gt;
[[Category:Manual]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=Music_tagging&amp;diff=154160</id>
		<title>Music tagging</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=Music_tagging&amp;diff=154160"/>
		<updated>2019-01-12T12:55:40Z</updated>

		<summary type="html">&lt;p&gt;Zag: /* MusicBrainz */ Add info about tagging options in Picard&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{MusicLibraryCreate}}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= Introduction =&lt;br /&gt;
This page, Music File and Tagging, provides the following information:&lt;br /&gt;
&lt;br /&gt;
*How the Music section differs from the Video section of {{kodi}}&lt;br /&gt;
*How to organise your music files &lt;br /&gt;
*The recommended method for tagging your music files&lt;br /&gt;
*Explanation of some commonly misunderstood Music File Tags&lt;br /&gt;
*The Audio Files and Tags that {{kodi}} reads and uses&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= Understanding the Music Library =&lt;br /&gt;
{{Red|&#039;&#039;&#039;The Music section of {{kodi}} has many differences to the Video section of {{kodi}}. It is important that you read this section to ensure your music and artwork are correctly scraped and displayed.&#039;&#039;&#039;}}&lt;br /&gt;
&amp;lt;br /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;section begin=&amp;quot;understanding&amp;quot; /&amp;gt;It is important to understand the fundamental difference between video library operation and the music library operation: &lt;br /&gt;
*The video library is based on using the filenames to obtain online data. If the video files are incorrectly named, then there are no scraper results and there will be no library entry.&lt;br /&gt;
*&#039;&#039;&#039;The music library is based on scanning tags embedded in the music files.&#039;&#039;&#039; It ignores the folder structure and file names you have created to store your music files. Basic and correct tagging is essential to ensure the library is populated correctly. Having slight variations in the tags for artist and album names could mean duplicated and unwanted entries.&amp;lt;section end=&amp;quot;understanding&amp;quot; /&amp;gt;&lt;br /&gt;
&amp;lt;br /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= Folder and File Structure =&lt;br /&gt;
Although {{kodi}} ignores the folder structure and the names of the folders and files, the structure of your folders is important as it affects the operation of other functions such as Import/Export, nfo files and Artwork. For example, if you have all your music files in one folder (which is possible), then you lose the ability to use local nfo files, local artwork, and the import/export module will not function correctly.&lt;br /&gt;
&lt;br /&gt;
For this reason, {{kodi}} recommends the use of the following structure.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Files ==&lt;br /&gt;
Remember that {{kodi}} does not extract any information from the filename. The only purpose the file name serves is to provide {{kodi}} a unique id to locate the file.&lt;br /&gt;
&lt;br /&gt;
The name you use for your files is your choice, but it is important that they are:&lt;br /&gt;
#Consistent&lt;br /&gt;
#Make sense&lt;br /&gt;
&lt;br /&gt;
Example file names:&lt;br /&gt;
&lt;br /&gt;
*Using the simple Song Name only = &#039;&#039;Everybody Wants to Rule the World.flac&#039;&#039; &amp;lt;br /&amp;gt;&lt;br /&gt;
*Using a more complex combination of Artist-Album-Song  = &#039;&#039;Madonna-True Blue-Open Your Heart.flac&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
If you would like to use track numbers in the file name, then ensure you include the disc number, even if there is only one disc. eg&lt;br /&gt;
*&#039;&#039;0102 Everybody Wants to Rule the World.flac&#039;&#039; or &#039;&#039;D01T02 Everybody Wants to Rule the World.flac&#039;&#039;&lt;br /&gt;
*&#039;&#039;Madonna-True Blue-0106 Open Your Heart.flac&#039;&#039; or &#039;&#039;Madonna-True Blue-D01T06 Open Your Heart.flac&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Where 0102 = Disc 01 and Track 02&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Folders ==&lt;br /&gt;
Folders are used as follows:&lt;br /&gt;
#Album folders - Used to group &#039;&#039;&#039;songs&#039;&#039;&#039; from the same album into one folder&lt;br /&gt;
#Artist folders- Used to group &#039;&#039;&#039;albums&#039;&#039;&#039; from the same artist into one folder&lt;br /&gt;
#Source folder- Used to group &#039;&#039;&#039;Collections&#039;&#039;&#039; into one folder. (see next section)&lt;br /&gt;
&lt;br /&gt;
The following is a typical recommended structure:&lt;br /&gt;
&lt;br /&gt;
 f:\   ....................................(root)&lt;br /&gt;
  |__Artist Music   .......................(source folder)&lt;br /&gt;
  |  |__ Madonna   ........................(artist folder)&lt;br /&gt;
  |  |   |__ Beautiful Stranger (1999)   ..(album folder)&lt;br /&gt;
  |  |   |   |__ Song 1&lt;br /&gt;
  |  |   |   |__ Song 2&lt;br /&gt;
  |  |   |   |__ Song 3 etc&lt;br /&gt;
  |  |   |__ Bedtime Stories (1994)   .....(album folder)&lt;br /&gt;
  |  |   |   |__ Song 1&lt;br /&gt;
  |  |   |   |__ Song 2&lt;br /&gt;
  |  |   |   |__ Song 3 etc&lt;br /&gt;
  |  |   |__ Like A Prayer (1989)   .......(album folder)&lt;br /&gt;
  |  |   |   |__ Song 1&lt;br /&gt;
  |  |   |   |__ Song 2&lt;br /&gt;
  |  |   |   |__ Song 3 etc&lt;br /&gt;
  |  |__ Simply Red   .....................(artist folder)&lt;br /&gt;
  |      |__ Picture Book (1985)   ........(album folder)&lt;br /&gt;
  |          |__ Song 1&lt;br /&gt;
  |          |__ Song 2&lt;br /&gt;
  |          |__ Song 3 etc&lt;br /&gt;
  |&lt;br /&gt;
  |__Compilations   .......................(Source)&lt;br /&gt;
  |  |__ Essential Eighties   .............(album folder)&lt;br /&gt;
  |  |       |__ Song 1&lt;br /&gt;
  |  |       |__ Song 2&lt;br /&gt;
  |  |       |__ Song 3 etc&lt;br /&gt;
  |  |__ 100% Hits- Best of 2005   ........(album folder)&lt;br /&gt;
  |          |__ Song 1&lt;br /&gt;
  |          |__ Song 2&lt;br /&gt;
  |          |__ Song 3 etc&lt;br /&gt;
  |&lt;br /&gt;
  |__Classical   ..........................(Source)&lt;br /&gt;
  |&lt;br /&gt;
  |__Audio Books   ........................(Source)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Sources ==&lt;br /&gt;
A source folder contains your media collection- in this case Music. This folder is then set as a Source in {{kodi}} which enables {{kodi}} to access your Music. (remember, Kodi does not know where your media is until you tell it)&lt;br /&gt;
&lt;br /&gt;
In the Video section of Kodi, you would set one, or more, sources for Movies, TV Shows, Music Videos, Home Movies etc. The Music section oparates along the same principle. &lt;br /&gt;
&lt;br /&gt;
As an example, you would save your music folders into separate Sources for the following:&lt;br /&gt;
*&#039;&#039;&#039;Single Artist type Albums &#039;&#039;&#039;&lt;br /&gt;
**These are albums released by a single artist or band&lt;br /&gt;
**This source will contain the Artist / Album / Song structure&lt;br /&gt;
**Examples- Kate Bush, Kylie Minogue, Tears for Fears etc&lt;br /&gt;
*&#039;&#039;&#039;Various Artists or Compilation Albums&#039;&#039;&#039;&lt;br /&gt;
**These are albums that contain songs from many different artists or bands.&lt;br /&gt;
**As there is multiple artists, there is no Artist folder. This source would contain the Album / Song structure.&lt;br /&gt;
**Examples- 2017 Grammy Nominees, So Fresh: Hits of 2016, Open Space: The Classic Chillout Album etc&lt;br /&gt;
*&#039;&#039;&#039;Classical Music&#039;&#039;&#039;&lt;br /&gt;
**Albums released by a single Composer. It is a separation from the main stream music in the Single Artist Source, which aids in better sorting in Kodi&lt;br /&gt;
**This source would contain the Artist / Album / Song structure, assuming single composer type albums, and groups all classical music in one source&lt;br /&gt;
**Examples- Vaughan Williams, Rachmaninov, Mozart etc&lt;br /&gt;
&lt;br /&gt;
The idea is to group similar types of albums. This is not a requirement, and Kodi will still function if you grouped your music into a single source. It is a best practice guide which overcomes some hurdles with local files for compilation and collaboration type albums. These hurdles will no longer be an issue from v18 onwards.&lt;br /&gt;
&lt;br /&gt;
Setting and Scanning of Sources is covered in detail in the next step of the guide. &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= Ripping CD&#039;s =&lt;br /&gt;
{{#lst:Ripping CDs|intro}}&lt;br /&gt;
&lt;br /&gt;
There is no requirement to use this native {{Kodi}} CD Ripper. If you are comfortable using other ripping software, then we recommend you continue using that software. It makes no difference to {{kodi}} which software was used.&lt;br /&gt;
&lt;br /&gt;
{{main|Ripping CDs}}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= Tagging =&lt;br /&gt;
Ever wonder how your music player always knows the name of the song, album, artist and track number of the music you play? This information comes from metadata embedded in the music file. If you purchased your music from an online store, then that store would have embedded the metadata in the file. If you ripped your own music, then the ripping software would have embedded the data into the file, probably without you even knowing. It is not uncommon that only minimal metadata is embedded, but this works very well on simple music players and is a  convenient solution to sorting your library on these players.&lt;br /&gt;
&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;&lt;br /&gt;
{{kodi}} also makes use of this embedded metadata. {{kodi}}, being an advanced and feature rich player, requires a greater precision in the embedded tags. Any slight variance in, for example, the Album name between the tracks from the same album will see multiple entries in the library for that Album. Same with Artists. It is not uncommon to have a single album split into three similarly named albums. It is for this reason that there is a separation of the Scanning and Scraping processes for Music. The initial scan allows you to find and correct errors in tagging, before scraping. Failing to do that will create an unmanageable library.&lt;br /&gt;
&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;&lt;br /&gt;
Example of errors in tagging, which will cause duplicated entries in the library...&lt;br /&gt;
&lt;br /&gt;
{|class=&amp;quot;prettytable&amp;quot;&lt;br /&gt;
!Similar Name 1 || Similar Name 2 || Note&lt;br /&gt;
|-&lt;br /&gt;
|György Ligeti || Gyorgy Ligeti || Accented and unaccented names will create duplicate entries&lt;br /&gt;
|-&lt;br /&gt;
|The Best of || The Very Best Of || Inconsistent naming between songs of the same album and/or artist will cause duplicated entries&lt;br /&gt;
|-&lt;br /&gt;
|Madonna || Madonnna || Spelling mistakes will cause duplicated entries for albums and/or artists&lt;br /&gt;
|-&lt;br /&gt;
|Sting || Sting and The Police || Seen as two separate and unrelated Artists&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
The easiest method to comprehensively tag your music files is with MusicBrainz Picard.&lt;br /&gt;
&lt;br /&gt;
As {{kodi}} scans your music collection, it copies the data contained in those tags into the {{kodi}} music database. The benefits of this are:&lt;br /&gt;
*Once the scan is complete, the tags are not accessed again&lt;br /&gt;
*All information is now obtained from the database. This has the benefit of dramatically increasing efficency and speed when navigating the library.&lt;br /&gt;
*Now that a database entry exists, you are able to scrape additional information from online sources. This is covered later in the guide.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== MusicBrainz ==&lt;br /&gt;
&#039;&#039;&#039;{{kodi}} has strong support for MusicBrainz tagging. It is highly recommended that users tag their music files using MusicBrainz picard.&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;MusicBrainz&#039;&#039;&#039; is an open source music encyclopedia that collects music metadata and makes it available to the public. MusicBrainz has a database that, as of Sept 2017, [https://musicbrainz.org/statistics consists of over 1,258,860 Artists, over 1,866,600 albums and over 17,846,800 recordings]. &lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;MusicBrainz Picard&#039;&#039;&#039; is the music file tagger software that can access the MusicBrainz database to locate metadata to embed into your music files. It is recommended that your music collection is correctly tagged using the tagging software [https://picard.musicbrainz.org/ MusicBrainz Picard]. This is a free download. There are other Taggers that are able to access the MusicBraniz database, but Picard seems to be friendliest to use.&lt;br /&gt;
&lt;br /&gt;
Below is a screenshot of the main screen of the Picard software. A brief description of the layout as follows.&lt;br /&gt;
&lt;br /&gt;
*Top Left Box- Folder listing of your music collection&lt;br /&gt;
*Top Centre Box- Albums are dragged and dropped here in preparation for matching and tagging. Pressing &#039;&#039;Lookup&#039;&#039; (greyed out) will commence the lookup process&lt;br /&gt;
*Top Right Box- Matching albums are displayed here and your songs are overlayed. In the screenshot, songs 01, 08 and 09 have been matched to the suggested album. If all songs match and you agree the correct album was located, simply pressing Save will tag the album with the tags displayed in the Bottom Tag Box.&lt;br /&gt;
*Bottom Tag Box - Selecting a song from the Top Right Box will display all available tag fields (left column), the current tags in the music file (Original Value column) and the MusicBrainz tags to be embedded in the music file (right column).&lt;br /&gt;
&lt;br /&gt;
It is important to note that a lot of music is distributed with only the basic metadata embedded, as can be clearly seen in the screenshot below. (Original Value column)&lt;br /&gt;
&lt;br /&gt;
The example in the image below shows the following:&lt;br /&gt;
*Most tags are missing (original value column)&lt;br /&gt;
*The top three yellow entries are incorrect (original value column) and the corrections are in the right column&lt;br /&gt;
*The green entries in the right column indicate new tags to be embedded&lt;br /&gt;
*The black entries at the bottom of the list indicate no change to the existing tags as they are correct.&lt;br /&gt;
&lt;br /&gt;
Although {{kodi}} will populate the library with those minimal tags, the errors in those tags would create havoc in the library.&lt;br /&gt;
&lt;br /&gt;
Further information and guides can be found at the [https://picard.musicbrainz.org/ MusicBrainz Picard] site.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:MusicBrainzPicard01.jpg|1300px|centre]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Although Picard is very easy to use, you must avoid blindly accepting everything offered by the software. It is important that you confirm the correct album was located. Due to the global nature of the database, there are many releases for a single album. These releases differ between countries, usually due to copyright requirements. This may lead you to inadvertendly select the incorrect release for your album, even though it is named exactly the same. The differences between releases may be as simple as different song ordering or the inclusion of additional bonus tracks.&lt;br /&gt;
&lt;br /&gt;
For the best tagging experience, it is important to set the correct options in Picard, particularly the &amp;quot;Clear Existing Tags&amp;quot; option in settings. This option means that any old tags that may cause issues are wiped, preserving only the good, clean musicbrainz tagging.&lt;br /&gt;
&lt;br /&gt;
[[File:Picard options.jpg|400px|centre]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Once the music files are tagged, it is important to avoid modifying the MusicBrainz tags unless you clearly understand the relationship of the MBID&#039;s and the other related tags. For example, embedding MBID tags, but then editing the Artist tag or Album Artist tag will result in incorrect entries in the library.&lt;br /&gt;
&lt;br /&gt;
:&#039;&#039;&#039;&#039;&#039;See: [https://musicbrainz.org/ MusicBrainz Website]&#039;&#039;&#039;&#039;&#039;&lt;br /&gt;
:&#039;&#039;&#039;&#039;&#039;See: [https://picard.musicbrainz.org/ MusicBrainz Picard Software]&#039;&#039;&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
----&lt;br /&gt;
&amp;lt;center&amp;gt;{{red|&#039;&#039;&#039;The remainder of this page deals with special use cases or provides information for technical interest and reference only. It can be safely disregarded if these do not apply to you&#039;&#039;&#039;}}&amp;lt;/center&amp;gt;&lt;br /&gt;
----&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;{{linear-gradient|left|#f5d3ff, #12b2e7}}&amp;quot;&amp;gt;{{next|[[Adding_music_to_the_library|Scanning Music Into Library]]}} &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Cue Sheets ==&lt;br /&gt;
{{#lst:Cue_sheets|intro}}&lt;br /&gt;
&lt;br /&gt;
{{kodi}} does provide basic support for using cue sheets to define individual tracks when an entire CD has been ripped into a single music file. However the information provided by  the cue sheet standard is much more limited than that of standard tagging, hence to enjoy the full music library features it is recommended that tracks are ripped into separate files and fully tagged.&lt;br /&gt;
&amp;lt;br /&amp;gt;&lt;br /&gt;
{{red|If you do not use Cue Sheets you can safely move onto the next step.}}&lt;br /&gt;
&amp;lt;br /&amp;gt;&lt;br /&gt;
;{{see also|Cue_sheets}}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= Streams =&lt;br /&gt;
{{#lst:Internet_video_and_audio_streams|intro}}&lt;br /&gt;
&lt;br /&gt;
;{{see also|Internet_video_and_audio_streams}}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= Technical Explanation: File tags =&lt;br /&gt;
For many categories, such as genres and artists, {{kodi}} supports multiple values in the one field.  By default it uses the character sequence &amp;quot; / &amp;quot; to divide the entry into multiple values.  This divider may be changed via [[advancedsettings.xml]].&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Resolving Compilations and Multiple Artists ==&lt;br /&gt;
{{kodi}} reads the &#039;&#039;Album Artist&#039;&#039; tag in ID3, Ogg, APE and MP4 tags and uses it if available to assign an artist to the album (independently of the track&#039;s artist information).  This is the &amp;quot;Album Artist&amp;quot; tag (in ID3 this is represented by the &amp;quot;TPE2&amp;quot; tag; in vorbiscomment (ogg) files &amp;quot;ALBUMARTIST&amp;quot;, &amp;quot;ALBUM ARTIST&amp;quot; and &amp;quot;ENSEMBLE&amp;quot; are all supported).  Multiple artists for either a track or album artist can be specified in &amp;quot;Artist1 / Artist2 / Artist3&amp;quot; format.&lt;br /&gt;
&lt;br /&gt;
If no &#039;&#039;Album Artist&#039;&#039; tag exists, {{kodi}} will use the first (primary) artist from the tracks as the &#039;&#039;Album Artist&#039;&#039;.  Essentially we do a string comparison of all the track artists, and assign the common artists as the &#039;&#039;Album artist&#039;&#039;. This is generally the TPE1 tag in ID3.&lt;br /&gt;
&lt;br /&gt;
As many users don&#039;t yet use the &#039;&#039;Album Artist&#039;&#039; tag, {{kodi}} has an additional filter system for identifying compilation albums, where each track normally has a different artist.  As {{kodi}} scans a folder, it does the following:&lt;br /&gt;
# Identifies albums based on &#039;&#039;Album&#039;&#039; name alone in the folder and groups the songs that have the same &#039;&#039;Album&#039;&#039; name together as an album.&lt;br /&gt;
# Runs through each album&#039;s assigned songs.  If there is 2 or more tracks with the same &#039;&#039;Track&#039;&#039; number, the group of songs must come from 2 or more albums, so the &#039;&#039;Album&#039;&#039; name is ruled out as a possible compilation.&lt;br /&gt;
# If any of the songs assigned to the &#039;&#039;Album&#039;&#039; name have an &#039;&#039;Album Artist&#039;&#039; tag, then {{kodi}} assumes the user knows what they&#039;re doing, and this album is also ruled out from being a compilation.&lt;br /&gt;
# If two or more songs assigned to the &#039;&#039;Album&#039;&#039; name then have different primary artists, then the &#039;&#039;Album&#039;&#039; name is considered to be a group of songs from a compilation, and the &#039;&#039;Various Artists&#039;&#039;&amp;quot; tag is assigned as the album artist.&lt;br /&gt;
# Otherwise, if all the songs have the same primary artist but don&#039;t have the same full artist list (eg a song or two has an additional artist) then the album is assigned the primary artist as it&#039;s &#039;&#039;Album Artist&#039;&#039;, and we assume the additional artists are guest artists.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Roles Tags ==&lt;br /&gt;
WIP / TBA&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Ratings in ID3 tags ==&lt;br /&gt;
Ratings in ID3 tags are read via the POPM field, and (if this doesn&#039;t exist) in a custom (TXXX) field named &amp;quot;RATING&amp;quot;.  For the RATING field, we accept 1-5 as valid ratings.  For the POPM field things are more complicated, as there is no established standard in place.  We currently most closely respect what Mediamonkey does, and also have some support for what Windows Media Player 11 does.  The POPM tag takes a value from 0..255, with 0 meaning no rating, 1 the worst, and 255 the best.  We currently map these as follows:&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;prettytable&amp;quot;&lt;br /&gt;
|- &lt;br /&gt;
!&#039;&#039;&#039;POPM value&#039;&#039;&#039; || &#039;&#039;&#039;Star rating&#039;&#039;&#039;&lt;br /&gt;
|- &lt;br /&gt;
|0 ||&lt;br /&gt;
|- &lt;br /&gt;
|1 || &#039;&#039;&#039;*&#039;&#039;&#039; This is a special case for Windows Media Player&lt;br /&gt;
|- &lt;br /&gt;
| 2-8 || &lt;br /&gt;
|- &lt;br /&gt;
|9-49 || &#039;&#039;&#039;*&#039;&#039;&#039;&lt;br /&gt;
|- &lt;br /&gt;
|50-113 ||&#039;&#039;&#039;**&#039;&#039;&#039;&lt;br /&gt;
|- &lt;br /&gt;
|114-167 || &#039;&#039;&#039;***&#039;&#039;&#039;&lt;br /&gt;
|- &lt;br /&gt;
|168-218 || &#039;&#039;&#039;****&#039;&#039;&#039;&lt;br /&gt;
|- &lt;br /&gt;
|219-255 ||&#039;&#039;&#039;*****&#039;&#039;&#039;&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= Audio Formats &amp;amp; Tags =&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Supported Audio Formats ==&lt;br /&gt;
Although the list of playable formats is quite comprehensive, it is not accurate to say that every {{kodi}} installation will play every format. The ability to play some of the more obscure formats will depend upon the version of {{kodi}} and the operating system in use. Some formats will require the installation of add-ons.&lt;br /&gt;
&lt;br /&gt;
{{#lst:Advancedsettings.xml|musicextensions}}&lt;br /&gt;
&lt;br /&gt;
;{{See also|Advancedsettings.xml}}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Supported Metadata Containers ==&lt;br /&gt;
The following metadata containers are supported by {{kodi}}&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;prettytable&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! Metadata Container || Note&lt;br /&gt;
|-&lt;br /&gt;
|[[wikipedia:APEv2 tag|APEv2 tag]] ||&lt;br /&gt;
|-&lt;br /&gt;
|[[wikipedia:Advanced_Systems_Format|ASF]] ||&lt;br /&gt;
|-&lt;br /&gt;
|Generic Tag || A generic tag for basic data from other odd file types&lt;br /&gt;
|-&lt;br /&gt;
|[[wikipedia:ID3|ID3]] || v1, v2.3 and v2.4&lt;br /&gt;
|-&lt;br /&gt;
|[[wikipedia:MPEG-4 Part 14#Metadata|MP4]] ||&lt;br /&gt;
|-&lt;br /&gt;
|[https://xiph.org/ Xiph.org] || Vorbis Comments&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Common File &amp;amp; Tag Combination ==&lt;br /&gt;
You will notice that not all the tags listed in the section &#039;&#039;Supported Audio Formats&#039;&#039; above are listed in the following table. Those formats that are ommitted do not have provision to support embedded tags. If your collection contains any of these unsupported formats, you will be unable to scan the music into the library. Your options are:&lt;br /&gt;
#Convert your audio file to a supported format and tag using MusicBrainz Picard. (recommended)&lt;br /&gt;
#Access your music via the File Manager or via File View&lt;br /&gt;
&lt;br /&gt;
{{kodi}} supports the following common Audio File and Tag Formats &lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable sortable&amp;quot; style=&amp;quot;text-align:center;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
!| Metadata container&lt;br /&gt;
!| Additional Filename extensions&lt;br /&gt;
|-&lt;br /&gt;
| [[wikipedia:APEv2 tag|APEv2 tag]] || ape, mp3, aac, wv, mpc&lt;br /&gt;
|-&lt;br /&gt;
| [[wikipedia:Advanced_Systems_Format|ASF]] || asf, wmv, wma&lt;br /&gt;
|-&lt;br /&gt;
| Generic Tag || it, mod, module, nst, wow, s3m, xm&lt;br /&gt;
|-&lt;br /&gt;
| [[wikipedia:ID3|ID3 v1]] || mp3, aac&lt;br /&gt;
|-&lt;br /&gt;
| [[wikipedia:ID3|ID3 v2]] || mp3, aac, tta, aif, aiff, wav, flac&lt;br /&gt;
|-&lt;br /&gt;
| iTunes [[wikipedia:MPEG-4 Part 14#Metadata|MP4]] || .3g2 .m4a .m4b .m4p .m4r .m4v .mp4&lt;br /&gt;
|-&lt;br /&gt;
|[https://xiph.org/ Xiph.org] || flac, oga, ogg, opus&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
Note:&lt;br /&gt;
*FLAC files- xiph tags override id3v2 tags &lt;br /&gt;
*mp3 files can have either id3 or APE tags&lt;br /&gt;
*mka, dsf, dff - ID3v2 format read but are handled by ffmpeg tag reader and it does not support all tags from IDE standard)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Tags {{kodi}} reads ==&lt;br /&gt;
{{kodi}} will scan the following tags embedded in the music file. The column &#039;&#039;{{kodi}} Version&#039;&#039; indicates the version of {{kodi}} that the tag was introduced, and will work in subsequent versions.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;section begin=&amp;quot;TagTable&amp;quot; /&amp;gt;&lt;br /&gt;
{| class=&amp;quot;wikitable sortable&amp;quot; style=&amp;quot;text-align:center;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! style=&amp;quot;text-align:left;&amp;quot;| {{kodi}} Version&lt;br /&gt;
! Vorbis (.Flac)&lt;br /&gt;
! ID3v2 (.mp3)&lt;br /&gt;
! APE&lt;br /&gt;
! MP4&lt;br /&gt;
! ASF&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|ARTIST&lt;br /&gt;
|TPE1&lt;br /&gt;
|ARTIST&lt;br /&gt;
|\251ART&lt;br /&gt;
|Author&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|ARTISTS&lt;br /&gt;
|ARTISTS&lt;br /&gt;
|ARTISTS&lt;br /&gt;
| ----:com.apple.iTunes:ARTISTS&lt;br /&gt;
| &lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|ALBUMARTIST  or ALBUM ARTIST&lt;br /&gt;
|TPE2 OR ALBUMARTIST or ALBUM ARTIST&lt;br /&gt;
|ALBUMARTIST  or ALBUM ARTIST&lt;br /&gt;
|aART&lt;br /&gt;
|WM/AlbumArtist&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|ALBUMARTISTS or ALBUM ARTISTS&lt;br /&gt;
|ALBUMARTISTS or ALBUM ARTISTS&lt;br /&gt;
|ALBUMARTISTS or ALBUM ARTISTS&lt;br /&gt;
| ----:com.apple.iTunes:ALBUMARTISTS&lt;br /&gt;
|&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|ALBUM&lt;br /&gt;
|TALB&lt;br /&gt;
|ALBUM&lt;br /&gt;
|\251alb&lt;br /&gt;
|WM/AlbumTitle&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|TITLE&lt;br /&gt;
|TIT2&lt;br /&gt;
|TITLE&lt;br /&gt;
|\251nam&lt;br /&gt;
|&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|TRACKNUMBER&lt;br /&gt;
|TRCK&lt;br /&gt;
|TRACKNUMBER or TRACK&lt;br /&gt;
|trkn&lt;br /&gt;
|WM/TrackNumber or WM/Track&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|DISCNUMBER&lt;br /&gt;
|TPOS&lt;br /&gt;
|DISCNUMBER or DISC&lt;br /&gt;
|disk&lt;br /&gt;
|WM/PartOfSet&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|YEAR&lt;br /&gt;
|TYER&lt;br /&gt;
|YEAR&lt;br /&gt;
|\251day&lt;br /&gt;
|WM/Year&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|DATE&lt;br /&gt;
|TDRC, TDRL&lt;br /&gt;
|DATE&lt;br /&gt;
|&lt;br /&gt;
|&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|GENRE&lt;br /&gt;
|TCON&lt;br /&gt;
|GENRE&lt;br /&gt;
|\251gen&lt;br /&gt;
|WM/Genre&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|MOOD&lt;br /&gt;
|TMOO OR TXXX:MOOD&lt;br /&gt;
|MOOD&lt;br /&gt;
| ----:com.apple.iTunes:MOOD&lt;br /&gt;
|WM/Mood&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|COMMENT&lt;br /&gt;
|COMM&lt;br /&gt;
|COMMENT&lt;br /&gt;
|\251cmt&lt;br /&gt;
|(COMMENT)&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|CUESHEET&lt;br /&gt;
|&lt;br /&gt;
|CUESHEET&lt;br /&gt;
|&lt;br /&gt;
|&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|COMPILATION&lt;br /&gt;
|TCMP&lt;br /&gt;
|COMPILATION&lt;br /&gt;
|cpil&lt;br /&gt;
|&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|LYRICS&lt;br /&gt;
|USLT&lt;br /&gt;
|LYRICS&lt;br /&gt;
|&lt;br /&gt;
|&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|REPLAYGAIN_TRACK_GAIN&lt;br /&gt;
|REPLAYGAIN_TRACK_GAIN&lt;br /&gt;
|REPLAYGAIN_TRACK_GAIN&lt;br /&gt;
| ----:com.apple.iTunes:replaygain_track_gain&lt;br /&gt;
|replaygain_track_gain&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|REPLAYGAIN_ALBUM_GAIN&lt;br /&gt;
|REPLAYGAIN_ALBUM_GAIN&lt;br /&gt;
|REPLAYGAIN_ALBUM_GAIN&lt;br /&gt;
| ----:com.apple.iTunes:replaygain_album_gain&lt;br /&gt;
|replaygain_album_gain&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|REPLAYGAIN_TRACK_PEAK&lt;br /&gt;
|REPLAYGAIN_TRACK_PEAK&lt;br /&gt;
|REPLAYGAIN_TRACK_PEAK&lt;br /&gt;
| ----:com.apple.iTunes:replaygain_track_peak&lt;br /&gt;
|replaygain_track_peak&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|REPLAYGAIN_ALBUM_PEAK&lt;br /&gt;
|REPLAYGAIN_ALBUM_PEAK&lt;br /&gt;
|REPLAYGAIN_ALBUM_PEAK&lt;br /&gt;
| ----:com.apple.iTunes:replaygain_album_peak&lt;br /&gt;
|replaygain_album_peak&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|REPLAYGAIN_ALBUM_PEAK&lt;br /&gt;
|REPLAYGAIN_ALBUM_PEAK&lt;br /&gt;
|REPLAYGAIN_ALBUM_PEAK&lt;br /&gt;
| ----:com.apple.iTunes:replaygain_album_peak&lt;br /&gt;
|replaygain_album_peak&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|MUSICBRAINZ_ARTISTID&lt;br /&gt;
|MUSICBRAINZ ARTIST ID&lt;br /&gt;
|MUSICBRAINZ_ARTISTID&lt;br /&gt;
| ----:com.apple.iTunes:MusicBrainz Artist Id&lt;br /&gt;
|MusicBrainz/Artist Id&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|MUSICBRAINZ_ALBUMARTISTID&lt;br /&gt;
|MUSICBRAINZ ALBUM ARTIST ID&lt;br /&gt;
|MUSICBRAINZ_ALBUMARTISTID&lt;br /&gt;
| ----:com.apple.iTunes:MusicBrainz Album Artist Id&lt;br /&gt;
|MusicBrainz/Album Artist Id&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|MUSICBRAINZ_ALBUMARTIST&lt;br /&gt;
|MUSICBRAINZ ALBUM ARTIST&lt;br /&gt;
|MUSICBRAINZ_ALBUMARTIST&lt;br /&gt;
| ----:com.apple.iTunes:MusicBrainz Album Artist&lt;br /&gt;
|MusicBrainz/Album Artist&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|MUSICBRAINZ_ALBUMID&lt;br /&gt;
|MUSICBRAINZ ALBUM ID&lt;br /&gt;
|MUSICBRAINZ_ALBUMID&lt;br /&gt;
| ----:com.apple.iTunes:MusicBrainz Album Id&lt;br /&gt;
|MusicBrainz/Album Id&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|MUSICBRAINZ_TRACKID&lt;br /&gt;
|UFID&lt;br /&gt;
|MUSICBRAINZ_TRACKID&lt;br /&gt;
| ----:com.apple.iTunes:MusicBrainz Track Id&lt;br /&gt;
|&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|RATING&lt;br /&gt;
|POPM&lt;br /&gt;
|&lt;br /&gt;
| &lt;br /&gt;
|&lt;br /&gt;
|-&lt;br /&gt;
|v16&lt;br /&gt;
|METADATA_BLOCK_PICTURE or COVERART or COVERARTMIME&lt;br /&gt;
|APIC&lt;br /&gt;
|&lt;br /&gt;
|covr&lt;br /&gt;
|WM/Picture&lt;br /&gt;
|-&lt;br /&gt;
|v17&lt;br /&gt;
|COMPOSER&lt;br /&gt;
|TCOM&lt;br /&gt;
|COMPOSER&lt;br /&gt;
|\251wrt&lt;br /&gt;
|WM/Composer&lt;br /&gt;
|-&lt;br /&gt;
|v17&lt;br /&gt;
|CONDUCTOR&lt;br /&gt;
|TPE3&lt;br /&gt;
|CONDUCTOR&lt;br /&gt;
| ----:com.apple.iTunes:CONDUCTOR&lt;br /&gt;
|WM/Conductor&lt;br /&gt;
|-&lt;br /&gt;
|v17&lt;br /&gt;
|LYRICIST&lt;br /&gt;
|TEXT&lt;br /&gt;
|LYRICIST&lt;br /&gt;
| ----:com.apple.iTunes:LYRICIST&lt;br /&gt;
|WM/Writer&lt;br /&gt;
|-&lt;br /&gt;
|v17&lt;br /&gt;
|REMIXER or MIXARTIST&lt;br /&gt;
|TPE4&lt;br /&gt;
|REMIXER or MIXARTIST&lt;br /&gt;
| ----:com.apple.iTunes:REMIXER&lt;br /&gt;
|WM/ModifiedBy&lt;br /&gt;
|-&lt;br /&gt;
|v17&lt;br /&gt;
|ENSEMBLE&lt;br /&gt;
|(TIPL) or TXXX:Ensemble&lt;br /&gt;
|ENSEMBLE&lt;br /&gt;
|&lt;br /&gt;
|&lt;br /&gt;
|-&lt;br /&gt;
|v17&lt;br /&gt;
|ARRANGER&lt;br /&gt;
|(TIPL)&lt;br /&gt;
|ARRANGER&lt;br /&gt;
|&lt;br /&gt;
|&lt;br /&gt;
|-&lt;br /&gt;
|v17&lt;br /&gt;
|ENGINEER&lt;br /&gt;
|(TIPL)&lt;br /&gt;
|ENGINEER&lt;br /&gt;
| ----:com.apple.iTunes:ENGINEER&lt;br /&gt;
|WM/Engineer&lt;br /&gt;
|-&lt;br /&gt;
|v17&lt;br /&gt;
|PRODUCER&lt;br /&gt;
|(TIPL)&lt;br /&gt;
|PRODUCER&lt;br /&gt;
| ----:com.apple.iTunes:PRODUCER&lt;br /&gt;
|WM/Producer&lt;br /&gt;
|-&lt;br /&gt;
|v17&lt;br /&gt;
|DJMIXER&lt;br /&gt;
|(TIPL)&lt;br /&gt;
|DJMIXER&lt;br /&gt;
| ----:com.apple.iTunes:DJMIXER&lt;br /&gt;
|WM/DJMixer&lt;br /&gt;
|-&lt;br /&gt;
|v17&lt;br /&gt;
|MIXER&lt;br /&gt;
|(TIPL)&lt;br /&gt;
|MIXER&lt;br /&gt;
| ----:com.apple.iTunes:MIXER&lt;br /&gt;
|WM/Mixer&lt;br /&gt;
|-&lt;br /&gt;
|v17&lt;br /&gt;
|PERFORMER&lt;br /&gt;
|TMCL&lt;br /&gt;
|PERFORMER&lt;br /&gt;
|&lt;br /&gt;
|&lt;br /&gt;
|&lt;br /&gt;
|-&lt;br /&gt;
|v17&lt;br /&gt;
|LABEL&lt;br /&gt;
|TPUB&lt;br /&gt;
|LABEL&lt;br /&gt;
| ----:com.apple.iTunes:LABEL&lt;br /&gt;
|WM/Publisher&lt;br /&gt;
|-&lt;br /&gt;
|v17&lt;br /&gt;
|RELEASETYPE&lt;br /&gt;
|MUSICBRAINZ ALBUM TYPE&lt;br /&gt;
|MUSICBRAINZ_ALBUMTYPE&lt;br /&gt;
| ---:com.apple.iTunes:MusicBrainz Album Type&lt;br /&gt;
|MusicBrainz/Album Type&lt;br /&gt;
|}&lt;br /&gt;
&amp;lt;section end=&amp;quot;TagTable&amp;quot; /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
{{Top}}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;{{linear-gradient|left|#f5d3ff, #12b2e7}}&amp;quot;&amp;gt;{{next|[[Adding_music_to_the_library|Scanning Music Into Library]]}} &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
{{updated|17}}&lt;br /&gt;
[[Category:FAQ]]&lt;br /&gt;
[[Category:Index]]&lt;br /&gt;
[[Category:Guides]]&lt;br /&gt;
[[Category:Manual]]&lt;br /&gt;
[[Category:Karellen]]&lt;br /&gt;
[[Category:First time user]]&lt;br /&gt;
[[Category:Music library]]&lt;br /&gt;
[[Category:Advanced topics]]&lt;br /&gt;
[[Category:Quick Start Guide]]&lt;br /&gt;
&lt;br /&gt;
{{DISPLAYTITLE:Music Files &amp;amp; Tagging}}&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:Picard_options.jpg&amp;diff=154159</id>
		<title>File:Picard options.jpg</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:Picard_options.jpg&amp;diff=154159"/>
		<updated>2019-01-12T12:52:48Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=HOW-TO:Estuary_Modification&amp;diff=139716</id>
		<title>HOW-TO:Estuary Modification</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=HOW-TO:Estuary_Modification&amp;diff=139716"/>
		<updated>2018-07-21T14:01:18Z</updated>

		<summary type="html">&lt;p&gt;Zag: Add New view Tutorial&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Introduction==&lt;br /&gt;
Estuary is Kodi&#039;s default skin, so it makes a good example of how to get start with editing a skin&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary-logo.png]]&lt;br /&gt;
&lt;br /&gt;
== Setting up a developer environment for skinning ==&lt;br /&gt;
First thing we need to do is setup a simple skin development environment:&lt;br /&gt;
&lt;br /&gt;
To get the most out of it you&#039;ll need to either make a new keymap.xml or add this to your existing one.&lt;br /&gt;
&lt;br /&gt;
 &amp;lt;keymap&amp;gt;&lt;br /&gt;
    &amp;lt;global&amp;gt;&lt;br /&gt;
        &amp;lt;keyboard&amp;gt;&lt;br /&gt;
            &amp;lt;F5&amp;gt;XBMC.ReloadSkin()&amp;lt;/F5&amp;gt;&lt;br /&gt;
            &amp;lt;F7&amp;gt;Notification(Testing 123,Hello world)&amp;lt;/F7&amp;gt;&lt;br /&gt;
            &amp;lt;F8&amp;gt;Skin.ToggleDebug()&amp;lt;/F8&amp;gt;&lt;br /&gt;
        &amp;lt;/keyboard&amp;gt;&lt;br /&gt;
    &amp;lt;/global&amp;gt;&lt;br /&gt;
 &amp;lt;/keymap&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[File:Keymap_xml.jpg]]&lt;br /&gt;
&lt;br /&gt;
You will need to copy this keymap.xml file into the Kodi userdata folder. In our example, we are using windows so I have copied this file into the C:\Users\user\AppData\Roaming\Kodi\userdata\keymaps folder.&lt;br /&gt;
&lt;br /&gt;
Now we need a text editor to actually edit the files. Any text editor will work but we recommend something that can open multiple files at once such as Sublime Text or Notepad++&lt;br /&gt;
&lt;br /&gt;
== Testing your enviroment ==&lt;br /&gt;
&lt;br /&gt;
Lets launch Kodi and try out our new skinners keymap features.&lt;br /&gt;
&lt;br /&gt;
The following keys will then activate the corresponding action:&lt;br /&gt;
&lt;br /&gt;
 F5 - Reload skin (&#039;&#039;used to see any changes instantly without restarting XBMC&#039;&#039;)&lt;br /&gt;
 F7 - Activated the KaiDialogToast.xml (&#039;&#039;used to display the notification dialog&#039;&#039;)&lt;br /&gt;
 F8 - Show/Hide the Debug Info (&#039;&#039;used to display the currently active windows or dialogs&#039;&#039;)&lt;br /&gt;
&lt;br /&gt;
As you can see all these features are incredibly important to a skinner.&lt;br /&gt;
&lt;br /&gt;
[[File:Skinners_keymap_kodi.jpg]]&lt;br /&gt;
&lt;br /&gt;
== Structure of Estuary ==&lt;br /&gt;
The default skin is very nicely laid out in actually quite a simple way. In our case on Windows, you can access the skin files in this folder C:\Program Files (x86)\Kodi\addons\skin.estuary\xml&lt;br /&gt;
&lt;br /&gt;
Below are some explanations of the files you will see in the Estuary XML folder:&lt;br /&gt;
&lt;br /&gt;
The file &amp;quot;Home.xml&amp;quot; is the basic home screen you see on first load of Kodi.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;My&amp;quot; are the main sub windows from the main screen such as Music or TVShows.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Includes_&amp;quot; are all files that incorporate common elements that can be used all over the skin.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Dialogue_&amp;quot; are all popups you see in the use of Kodi&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;View_&amp;quot; are all the specific views you see in the skin, such as wide list or the Poster view for example.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Settings&amp;quot; are simply to detail the settings menu.&lt;br /&gt;
&lt;br /&gt;
As you can probably tell, editing a skin is actually pretty logical and great effort has been made by the original developers to make it easy to understand.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Making your first skin edit ==&lt;br /&gt;
&lt;br /&gt;
As an example here, I am going to show you how to add a feature that was important to me but missing in the standard Estuary release.&lt;br /&gt;
&lt;br /&gt;
This example will show you how to add a music rating to the wide list view.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary mod music1.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Currently the rating only shows under the album artwork when you have a single track focused on the right.&lt;br /&gt;
&lt;br /&gt;
I will change this so that every rating shows next to each track name even when not focused.&lt;br /&gt;
&lt;br /&gt;
First thing we need to do is find out what files to edit. Now this is pretty easy because we can press F8 on the keyboard to see the debug screen in Kodi.&lt;br /&gt;
&lt;br /&gt;
Now browse to the screen you want to edit in Kodi and the debug text will change. In this case its changed to &amp;quot;MyMusicNav.xml&amp;quot; and Focus is &amp;quot;55 (Fixed list)&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music2.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
So go ahead and open these 2 files: &amp;quot;MyMusicNav.xml&amp;quot; and &amp;quot;View_55_WideList.xml&amp;quot;. Its also important that we open the &amp;quot;includes.xml&amp;quot; file as this has many common elements that will help us.&lt;br /&gt;
&lt;br /&gt;
At this point you may find it useful to start test deleting bits of the &amp;quot;View_55_WideList.xml&amp;quot;. Try deleting different containers and control elements in the XML file. &lt;br /&gt;
&lt;br /&gt;
You should quickly learn what bits do what with this method. For example if I remove the &amp;lt;itemlayout height=&amp;quot;80&amp;quot; condition=&amp;quot;Container.Content(songs)&amp;quot;&amp;gt; code section, all the track listings disappear!&lt;br /&gt;
&lt;br /&gt;
Now we know what bits do what, we can start to edit. Lets look at this code:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary mod music3.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
As you can see, its quite simple. This code shows the duration of the track on the widelist music screen. You can see where the control is positioned, how its aligned and what colour it is. In this case its grey.&lt;br /&gt;
&lt;br /&gt;
As a quick test lets change the colour to yellow! Just change &amp;quot;&amp;lt;textcolor&amp;gt;grey&amp;lt;/textcolor&amp;gt;&amp;quot; to &amp;quot;&amp;lt;textcolor&amp;gt;yellow&amp;lt;/textcolor&amp;gt;&amp;quot;. Go back to Kodi and hit F5 on the keyboard and all your track lengths go yellow!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music4.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Magic! Now lets try adding some text instead of the duration, just as a test. Just change &amp;quot;&amp;lt;label&amp;gt;$INFO[ListItem.Label2]&amp;lt;/label&amp;gt;&amp;quot; to &amp;quot;&amp;lt;label&amp;gt;Blah!&amp;lt;/label&amp;gt;&amp;quot;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music6.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
OK so that was fun, but its probably best to change that back now. Undo(ctrl + z) and redo(ctrl + y) are your friends while testing :)&lt;br /&gt;
&lt;br /&gt;
So lets actually get on with our modification, what we need to do is find out what label the user rating is. To find this out we need to look in the &amp;quot;includes.xml&amp;quot; file as the rating star resides in there as its a re-usable element all over the skin.&lt;br /&gt;
&lt;br /&gt;
You can do a quick text search &amp;quot;Ctrl + s&amp;quot; and look for &amp;quot;rating&amp;quot;. Easy huh!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music5.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
This looks quite complicated (and it is a little due to the settings in there) but actually it just shows a rating &amp;quot;circle&amp;quot; with either the user or the overall rating inside it.&lt;br /&gt;
&lt;br /&gt;
What we are really looking for here is the infolabel string. We&#039;ve circled it above as ListItem.UserRating so lets copy (Ctrl + c) that simple string for use later.&lt;br /&gt;
&lt;br /&gt;
We don&#039;t need to do anything more with the includes file at this time but hopefully you can see the power of using re-usable elements in this file.&lt;br /&gt;
&lt;br /&gt;
So now go back to your &amp;quot;View_55_WideList.xml&amp;quot; file and lets add a new control. All we are going to do is copy the duration control to just below.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music7.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
As you can see from the screenshot we now have a new control which has been modified with a few new values.&lt;br /&gt;
&lt;br /&gt;
We&#039;ve changed the position of the control to be slightly to the left of the song duration control.&lt;br /&gt;
&lt;br /&gt;
We&#039;ve also changed the colour to yellow and the label to our rating listitem. In this case its: &amp;quot;$INFO[ListItem.UserRating]&amp;quot;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music8.jpg]]&lt;br /&gt;
&lt;br /&gt;
Right, that&#039;s it. We have managed to get the rating to show on each song track listing. Our objective has been achieved!&lt;br /&gt;
&lt;br /&gt;
This example is obviously not complete, we need to change the control that is selected to also show the rating and possibly change the actual rating to star images but you get the idea!&lt;br /&gt;
&lt;br /&gt;
Editing skins is easy, logical and quick once you get used to it. Good luck and let us know how you get on.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Renaming and Reordering Main Menu Items ==&lt;br /&gt;
&lt;br /&gt;
It is possible to do a few modifications on the main menu if you don&#039;t mind editing the Skin files.&lt;br /&gt;
&lt;br /&gt;
The file you need to look at is &#039;&#039;\XML\home.xml&#039;&#039; around where the &amp;lt;control type=&amp;quot;fixedlist&amp;quot; id=&amp;quot;9000&amp;quot;&amp;gt; starts. If we scan down about to around line 879 you can see the start of the menu items. Estuary starts with movies but as you can see there are different controls for different menu items. The movies control has a label of &amp;lt;label&amp;gt;$LOCALIZE[342]&amp;lt;/label&amp;gt; which means that it is translated from somewhere else. If you just wanted to rename movies to something like &amp;quot;My Movies&amp;quot; you could replace that line with &amp;lt;label&amp;gt;My Movies&amp;lt;/label&amp;gt;. Of course if you do this, you are going to loose any other translations but you should get the idea.&lt;br /&gt;
&lt;br /&gt;
It is also possible to re-order some menu items. In my case I want Live TV to show at the top as I use it most. All we need to do is move the entire &amp;lt;item&amp;gt;&amp;lt;/item&amp;gt; node up before the movie &amp;lt;item&amp;gt;&amp;lt;/item&amp;gt; node.&lt;br /&gt;
&lt;br /&gt;
[[File:Re-order_and_move_Estuary.jpg‎]]&lt;br /&gt;
&lt;br /&gt;
[[File:Re-order_and_move_Estuary_code.jpg‎]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Editing the Video OSD ==&lt;br /&gt;
&lt;br /&gt;
One thing you might want to look at is modifying the Video OSD.&lt;br /&gt;
&lt;br /&gt;
This requires looking at a number of files including:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;OSD Background&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
The OSD background is pretty easy to change. You can find the image in the &#039;&#039;\media\dialogs&#039;&#039; folder of your skin. If you want to create a new one, I would advise making it the width of a 1080p display with some kind of transparency. Make sure you save it as a PNG to preserve the transparency and a dark colour so it can justify against the video background.&lt;br /&gt;
&lt;br /&gt;
The actual XML file to edit here (and for most OSD changes) is the &#039;&#039;DialogueSeekBar.xml&#039;&#039; file. Jump to this control node to find the OSD background search for &#039;&#039;dialog-bg.png&#039;&#039; as below:&lt;br /&gt;
&lt;br /&gt;
     &amp;lt;texture&amp;gt;dialogs/dialog-bg.png&amp;lt;/texture&amp;gt;&lt;br /&gt;
&lt;br /&gt;
You can change the width here to something like 90% so that the OSD does not take up the whole screen or resposition it with the &#039;&#039;top&#039;&#039; XML tag.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Video and Audio Icons&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
We can continue to edit the &#039;&#039;DialogueSeekBar.xml&#039;&#039; file to find the audio and video flag icons. You may wish to reposition these or even create a new control node for them individually as currently they are all grouped together.&lt;br /&gt;
&lt;br /&gt;
     &amp;lt;param name=&amp;quot;texture&amp;quot; value=&amp;quot;$INFO[VideoPlayer.AudioChannels,flags/audiochannel/,.png]&amp;quot; /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
You can again change the position of the icons or the size inside the control node.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Progress Bar&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
The progress bar is a little tricky as Estuary has a number of places where it can show, but we can start to edit it in the &#039;&#039;DialogueSeekBar.xml&#039;&#039; file again. Just do a search for:&lt;br /&gt;
&lt;br /&gt;
     &amp;lt;info&amp;gt;PVR.EpgEventProgress&amp;lt;/info&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Changing the width and height is probably what you want but we can change the color or even the thickness too.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Top screen left&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Finding out where the top bar strings are located was a lot more tricky but hopefully this article will save others the time in finding it.&lt;br /&gt;
&lt;br /&gt;
The top left hand TV channel and program name are found in the &#039;&#039;variables.xml&#039;&#039; and search for the &#039;&#039;NowPlayingBreadcrumbsVar&#039;&#039; control node.&lt;br /&gt;
&lt;br /&gt;
You can either comment this out or change it from here.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Top screen OSD right&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
The time and video duration is also quite difficult to find. The way I found it in the end (and this trick may help you for other searches) was to use notepad++ search by directory feature to look for the localisation string &#039;&#039;31080&#039;&#039; which is the english string &#039;&#039;Ends at&#039;&#039; which shows up in this location.&lt;br /&gt;
&lt;br /&gt;
That search brought me to a file called &#039;&#039;Custom_1109_TopBarOverlay.xml&#039;&#039;. Just search for the xml control node that contains &#039;&#039;&amp;lt;label&amp;gt;$INFO[System.Time]&amp;lt;/label&amp;gt;&#039;&#039;. I disabled this and introduced a new control node back in the &#039;&#039;DialogueSeekBar.xml&#039;&#039; file that will show on the actual OSD popup in future. But again it can be moved or resized as required&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Adding new views ==&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Create the new view include&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Lets start by copying an existing view, such as the music shift view. Copy the file &#039;View_500_Wall.xml&#039; to a new file called &#039;View_503_WideWall.xml&#039;. We are just choosing the next number along in the view list, you can check this by sorting all the XMLs by name and seeing the names of the views includes as seperate files.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Include the view in the Nav pages&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
We will need to set the Nav page to actually include the view now. In this example we are setting up a new WideWall view for music so we will need to look at the &#039;MyMusicNav.xml&#039; file which is the master view for Music.&lt;br /&gt;
&lt;br /&gt;
[[File:Mymusicnav views.png]]&lt;br /&gt;
&lt;br /&gt;
As you can see, we have added in a new custom view number here of &#039;503&#039; which corresponds to the name of the include file we just created.&lt;br /&gt;
&lt;br /&gt;
We also need to include the actual include name in &#039;MyMusicNav.xml&#039; like so:&lt;br /&gt;
&lt;br /&gt;
[[File:New view include.png]]&lt;br /&gt;
&lt;br /&gt;
Lastly we need to actually include the new XML file in our main &#039;includes.xml&#039; file like so:&lt;br /&gt;
&lt;br /&gt;
[[File:Include wideWall.png]]&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Update the view numbers&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Because we have added a view, we now need to update all the references to the view number in the file. In this case we are changing &#039;500&#039; to &#039;503&#039;&lt;br /&gt;
The easiest way to do this is a quick search and replace in the new &#039;View_503_WideWall.xml&#039; file. So lets change all references of ID &#039;500&#039; to &#039;503&#039;&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Update the view label&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Lastly we need to update the label of the view so we can see it. Find line 20 in the new &#039;View_503_WideWall.xml&#039; file and change the translation Label (yes the 31102number is confusing buts its a translation label which in English means &amp;quot;Wall&amp;quot;).&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;viewtype label=&amp;quot;31102&amp;quot;&amp;gt;icon&amp;lt;/viewtype&amp;gt;&lt;br /&gt;
&lt;br /&gt;
to&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;viewtype label=&amp;quot;WideWall&amp;quot;&amp;gt;icon&amp;lt;/viewtype&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Thats it! Congrats, you should now have a new view in Estuary for your WideWall. You can from here start changing where this view is used or parts of the actual view to you liking.&lt;br /&gt;
&lt;br /&gt;
In this example we have simply changed the Thumbnail to a Landscape graphic, a very simple change but with a nice dramatic effect. We also removed the label under the thumb to make it look streamlined.&lt;br /&gt;
&lt;br /&gt;
[[File:WideWall Example small.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== More advanced edits ==&lt;br /&gt;
&lt;br /&gt;
Just to complete this guide, lets try and add some graphical stars to the widelist view, while also adding the focused stars.&lt;br /&gt;
&lt;br /&gt;
Lets change the code we added earlier to an image control&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_rating_image_control.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Notice we are now adding an image control, with a texture that is calling a specific filename. In this case it is a star rating of 1-10 with half stars to make it shorter.&lt;br /&gt;
&lt;br /&gt;
And we end up with something like this!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_rating_mod4.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Last but not least, we need to add a new control for when the song is in focus by the user. This will ensure that the stars do not disappear when the user moves over each song with the selection bar.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_rating_image_control.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
So all we have done is copy the same code again and put it this time in the control, that is visible when &amp;quot;HasFocus&amp;quot; is selected.&lt;br /&gt;
&lt;br /&gt;
All done!&lt;br /&gt;
&lt;br /&gt;
== See also ==&lt;br /&gt;
&#039;&#039;&#039;Development:&#039;&#039;&#039;&lt;br /&gt;
* [[Add-on development]]&lt;br /&gt;
* [[Skinning]]&lt;br /&gt;
&lt;br /&gt;
[[Category:Skin development]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:WideWall_Example_small.jpg&amp;diff=139715</id>
		<title>File:WideWall Example small.jpg</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:WideWall_Example_small.jpg&amp;diff=139715"/>
		<updated>2018-07-21T13:59:56Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;New view example&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:WideWall_Example.jpg&amp;diff=139714</id>
		<title>File:WideWall Example.jpg</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:WideWall_Example.jpg&amp;diff=139714"/>
		<updated>2018-07-21T13:58:37Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;Example of a new view in Estuary. WideWall.&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:Include_wideWall.png&amp;diff=139713</id>
		<title>File:Include wideWall.png</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:Include_wideWall.png&amp;diff=139713"/>
		<updated>2018-07-21T13:55:07Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;widewall&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:New_view_include.png&amp;diff=139712</id>
		<title>File:New view include.png</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:New_view_include.png&amp;diff=139712"/>
		<updated>2018-07-21T13:45:31Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:Mymusicnav_views.png&amp;diff=139711</id>
		<title>File:Mymusicnav views.png</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:Mymusicnav_views.png&amp;diff=139711"/>
		<updated>2018-07-21T13:06:32Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=HOW-TO:Screensaver_addon&amp;diff=139704</id>
		<title>HOW-TO:Screensaver addon</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=HOW-TO:Screensaver_addon&amp;diff=139704"/>
		<updated>2018-07-16T22:34:24Z</updated>

		<summary type="html">&lt;p&gt;Zag: Add another example screensaver Add-on&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{mininav|[[Development]]|[[Add-on development]]|[[Python development]]}}&lt;br /&gt;
&amp;lt;br /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=Introduction=&lt;br /&gt;
This tutorial will explain how to write your first Kodi/XBMC Screensaver Add-on&amp;lt;br /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[File:Screensaver.video.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=Tools=&lt;br /&gt;
&lt;br /&gt;
Screensavers should be pretty easy in their most basic form. All you will need is a text editor or IDE and some artwork resources.&lt;br /&gt;
&lt;br /&gt;
=Examples=&lt;br /&gt;
Since we don&#039;t have a full &amp;quot;HOW TO&amp;quot; guide for this yet (please feel free to sign up to the wiki and edit this page) we will just show some source code of other screensavers for now:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Python examples&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
https://github.com/zag2me/script.screensaver.example&lt;br /&gt;
&lt;br /&gt;
https://github.com/XBMC-Addons/screensaver.picture.slideshow&lt;br /&gt;
&lt;br /&gt;
https://github.com/vdb86/screensaver.digitalclock&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;C++ example&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
https://github.com/notspiff/screensaver.stars&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
You can either download as a zip and install both of these inside the kodi GUI from the install from zip feature. Or extract the zip into your userdata/add-ons folder.&lt;br /&gt;
&lt;br /&gt;
=Extra info=&lt;br /&gt;
&lt;br /&gt;
Check out the forum section for Screensavers and Visualisations&lt;br /&gt;
&lt;br /&gt;
http://forum.kodi.tv/forumdisplay.php?fid=38&lt;br /&gt;
&lt;br /&gt;
[[Category:Add-on development]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=HOW-TO:Estuary_Modification&amp;diff=136470</id>
		<title>HOW-TO:Estuary Modification</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=HOW-TO:Estuary_Modification&amp;diff=136470"/>
		<updated>2018-03-20T20:01:34Z</updated>

		<summary type="html">&lt;p&gt;Zag: instructions for changing the main menu&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Introduction==&lt;br /&gt;
Estuary is Kodi&#039;s default skin, so it makes a good example of how to get start with editing a skin&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary-logo.png]]&lt;br /&gt;
&lt;br /&gt;
== Setting up a developer environment for skinning ==&lt;br /&gt;
First thing we need to do is setup a simple skin development environment:&lt;br /&gt;
&lt;br /&gt;
To get the most out of it you&#039;ll need to either make a new keymap.xml or add this to your existing one.&lt;br /&gt;
&lt;br /&gt;
 &amp;lt;keymap&amp;gt;&lt;br /&gt;
    &amp;lt;global&amp;gt;&lt;br /&gt;
        &amp;lt;keyboard&amp;gt;&lt;br /&gt;
            &amp;lt;F5&amp;gt;XBMC.ReloadSkin()&amp;lt;/F5&amp;gt;&lt;br /&gt;
            &amp;lt;F7&amp;gt;Notification(Testing 123,Hello world)&amp;lt;/F7&amp;gt;&lt;br /&gt;
            &amp;lt;F8&amp;gt;Skin.ToggleDebug()&amp;lt;/F8&amp;gt;&lt;br /&gt;
        &amp;lt;/keyboard&amp;gt;&lt;br /&gt;
    &amp;lt;/global&amp;gt;&lt;br /&gt;
 &amp;lt;/keymap&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[File:Keymap_xml.jpg]]&lt;br /&gt;
&lt;br /&gt;
You will need to copy this keymap.xml file into the Kodi userdata folder. In our example, we are using windows so I have copied this file into the C:\Users\user\AppData\Roaming\Kodi\userdata\keymaps folder.&lt;br /&gt;
&lt;br /&gt;
Now we need a text editor to actually edit the files. Any text editor will work but we recommend something that can open multiple files at once such as Sublime Text or Notepad++&lt;br /&gt;
&lt;br /&gt;
== Testing your enviroment ==&lt;br /&gt;
&lt;br /&gt;
Lets launch Kodi and try out our new skinners keymap features.&lt;br /&gt;
&lt;br /&gt;
The following keys will then activate the corresponding action:&lt;br /&gt;
&lt;br /&gt;
 F5 - Reload skin (&#039;&#039;used to see any changes instantly without restarting XBMC&#039;&#039;)&lt;br /&gt;
 F7 - Activated the KaiDialogToast.xml (&#039;&#039;used to display the notification dialog&#039;&#039;)&lt;br /&gt;
 F8 - Show/Hide the Debug Info (&#039;&#039;used to display the currently active windows or dialogs&#039;&#039;)&lt;br /&gt;
&lt;br /&gt;
As you can see all these features are incredibly important to a skinner.&lt;br /&gt;
&lt;br /&gt;
[[File:Skinners_keymap_kodi.jpg]]&lt;br /&gt;
&lt;br /&gt;
== Structure of Estuary ==&lt;br /&gt;
The default skin is very nicely laid out in actually quite a simple way. In our case on Windows, you can access the skin files in this folder C:\Program Files (x86)\Kodi\addons\skin.estuary\xml&lt;br /&gt;
&lt;br /&gt;
Below are some explanations of the files you will see in the Estuary XML folder:&lt;br /&gt;
&lt;br /&gt;
The file &amp;quot;Home.xml&amp;quot; is the basic home screen you see on first load of Kodi.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;My&amp;quot; are the main sub windows from the main screen such as Music or TVShows.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Includes_&amp;quot; are all files that incorporate common elements that can be used all over the skin.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Dialogue_&amp;quot; are all popups you see in the use of Kodi&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;View_&amp;quot; are all the specific views you see in the skin, such as wide list or the Poster view for example.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Settings&amp;quot; are simply to detail the settings menu.&lt;br /&gt;
&lt;br /&gt;
As you can probably tell, editing a skin is actually pretty logical and great effort has been made by the original developers to make it easy to understand.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Making your first skin edit ==&lt;br /&gt;
&lt;br /&gt;
As an example here, I am going to show you how to add a feature that was important to me but missing in the standard Estuary release.&lt;br /&gt;
&lt;br /&gt;
This example will show you how to add a music rating to the wide list view.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary mod music1.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Currently the rating only shows under the album artwork when you have a single track focused on the right.&lt;br /&gt;
&lt;br /&gt;
I will change this so that every rating shows next to each track name even when not focused.&lt;br /&gt;
&lt;br /&gt;
First thing we need to do is find out what files to edit. Now this is pretty easy because we can press F8 on the keyboard to see the debug screen in Kodi.&lt;br /&gt;
&lt;br /&gt;
Now browse to the screen you want to edit in Kodi and the debug text will change. In this case its changed to &amp;quot;MyMusicNav.xml&amp;quot; and Focus is &amp;quot;55 (Fixed list)&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music2.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
So go ahead and open these 2 files: &amp;quot;MyMusicNav.xml&amp;quot; and &amp;quot;View_55_WideList.xml&amp;quot;. Its also important that we open the &amp;quot;includes.xml&amp;quot; file as this has many common elements that will help us.&lt;br /&gt;
&lt;br /&gt;
At this point you may find it useful to start test deleting bits of the &amp;quot;View_55_WideList.xml&amp;quot;. Try deleting different containers and control elements in the XML file. &lt;br /&gt;
&lt;br /&gt;
You should quickly learn what bits do what with this method. For example if I remove the &amp;lt;itemlayout height=&amp;quot;80&amp;quot; condition=&amp;quot;Container.Content(songs)&amp;quot;&amp;gt; code section, all the track listings disappear!&lt;br /&gt;
&lt;br /&gt;
Now we know what bits do what, we can start to edit. Lets look at this code:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary mod music3.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
As you can see, its quite simple. This code shows the duration of the track on the widelist music screen. You can see where the control is positioned, how its aligned and what colour it is. In this case its grey.&lt;br /&gt;
&lt;br /&gt;
As a quick test lets change the colour to yellow! Just change &amp;quot;&amp;lt;textcolor&amp;gt;grey&amp;lt;/textcolor&amp;gt;&amp;quot; to &amp;quot;&amp;lt;textcolor&amp;gt;yellow&amp;lt;/textcolor&amp;gt;&amp;quot;. Go back to Kodi and hit F5 on the keyboard and all your track lengths go yellow!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music4.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Magic! Now lets try adding some text instead of the duration, just as a test. Just change &amp;quot;&amp;lt;label&amp;gt;$INFO[ListItem.Label2]&amp;lt;/label&amp;gt;&amp;quot; to &amp;quot;&amp;lt;label&amp;gt;Blah!&amp;lt;/label&amp;gt;&amp;quot;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music6.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
OK so that was fun, but its probably best to change that back now. Undo(ctrl + z) and redo(ctrl + y) are your friends while testing :)&lt;br /&gt;
&lt;br /&gt;
So lets actually get on with our modification, what we need to do is find out what label the user rating is. To find this out we need to look in the &amp;quot;includes.xml&amp;quot; file as the rating star resides in there as its a re-usable element all over the skin.&lt;br /&gt;
&lt;br /&gt;
You can do a quick text search &amp;quot;Ctrl + s&amp;quot; and look for &amp;quot;rating&amp;quot;. Easy huh!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music5.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
This looks quite complicated (and it is a little due to the settings in there) but actually it just shows a rating &amp;quot;circle&amp;quot; with either the user or the overall rating inside it.&lt;br /&gt;
&lt;br /&gt;
What we are really looking for here is the infolabel string. We&#039;ve circled it above as ListItem.UserRating so lets copy (Ctrl + c) that simple string for use later.&lt;br /&gt;
&lt;br /&gt;
We don&#039;t need to do anything more with the includes file at this time but hopefully you can see the power of using re-usable elements in this file.&lt;br /&gt;
&lt;br /&gt;
So now go back to your &amp;quot;View_55_WideList.xml&amp;quot; file and lets add a new control. All we are going to do is copy the duration control to just below.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music7.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
As you can see from the screenshot we now have a new control which has been modified with a few new values.&lt;br /&gt;
&lt;br /&gt;
We&#039;ve changed the position of the control to be slightly to the left of the song duration control.&lt;br /&gt;
&lt;br /&gt;
We&#039;ve also changed the colour to yellow and the label to our rating listitem. In this case its: &amp;quot;$INFO[ListItem.UserRating]&amp;quot;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music8.jpg]]&lt;br /&gt;
&lt;br /&gt;
Right, that&#039;s it. We have managed to get the rating to show on each song track listing. Our objective has been achieved!&lt;br /&gt;
&lt;br /&gt;
This example is obviously not complete, we need to change the control that is selected to also show the rating and possibly change the actual rating to star images but you get the idea!&lt;br /&gt;
&lt;br /&gt;
Editing skins is easy, logical and quick once you get used to it. Good luck and let us know how you get on.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Renaming and Reordering Main Menu Items ==&lt;br /&gt;
&lt;br /&gt;
It is possible to do a few modifications on the main menu if you don&#039;t mind editing the Skin files.&lt;br /&gt;
&lt;br /&gt;
The file you need to look at is &#039;&#039;\XML\home.xml&#039;&#039; around where the &amp;lt;control type=&amp;quot;fixedlist&amp;quot; id=&amp;quot;9000&amp;quot;&amp;gt; starts. If we scan down about to around line 879 you can see the start of the menu items. Estuary starts with movies but as you can see there are different controls for different menu items. The movies control has a label of &amp;lt;label&amp;gt;$LOCALIZE[342]&amp;lt;/label&amp;gt; which means that it is translated from somewhere else. If you just wanted to rename movies to something like &amp;quot;My Movies&amp;quot; you could replace that line with &amp;lt;label&amp;gt;My Movies&amp;lt;/label&amp;gt;. Of course if you do this, you are going to loose any other translations but you should get the idea.&lt;br /&gt;
&lt;br /&gt;
It is also possible to re-order some menu items. In my case I want Live TV to show at the top as I use it most. All we need to do is move the entire &amp;lt;item&amp;gt;&amp;lt;/item&amp;gt; node up before the movie &amp;lt;item&amp;gt;&amp;lt;/item&amp;gt; node.&lt;br /&gt;
&lt;br /&gt;
[[File:Re-order_and_move_Estuary.jpg‎]]&lt;br /&gt;
&lt;br /&gt;
[[File:Re-order_and_move_Estuary_code.jpg‎]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Editing the Video OSD ==&lt;br /&gt;
&lt;br /&gt;
One thing you might want to look at is modifying the Video OSD.&lt;br /&gt;
&lt;br /&gt;
This requires looking at a number of files including:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;OSD Background&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
The OSD background is pretty easy to change. You can find the image in the &#039;&#039;\media\dialogs&#039;&#039; folder of your skin. If you want to create a new one, I would advise making it the width of a 1080p display with some kind of transparency. Make sure you save it as a PNG to preserve the transparency and a dark colour so it can justify against the video background.&lt;br /&gt;
&lt;br /&gt;
The actual XML file to edit here (and for most OSD changes) is the &#039;&#039;DialogueSeekBar.xml&#039;&#039; file. Jump to this control node to find the OSD background search for &#039;&#039;dialog-bg.png&#039;&#039; as below:&lt;br /&gt;
&lt;br /&gt;
     &amp;lt;texture&amp;gt;dialogs/dialog-bg.png&amp;lt;/texture&amp;gt;&lt;br /&gt;
&lt;br /&gt;
You can change the width here to something like 90% so that the OSD does not take up the whole screen or resposition it with the &#039;&#039;top&#039;&#039; XML tag.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Video and Audio Icons&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
We can continue to edit the &#039;&#039;DialogueSeekBar.xml&#039;&#039; file to find the audio and video flag icons. You may wish to reposition these or even create a new control node for them individually as currently they are all grouped together.&lt;br /&gt;
&lt;br /&gt;
     &amp;lt;param name=&amp;quot;texture&amp;quot; value=&amp;quot;$INFO[VideoPlayer.AudioChannels,flags/audiochannel/,.png]&amp;quot; /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
You can again change the position of the icons or the size inside the control node.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Progress Bar&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
The progress bar is a little tricky as Estuary has a number of places where it can show, but we can start to edit it in the &#039;&#039;DialogueSeekBar.xml&#039;&#039; file again. Just do a search for:&lt;br /&gt;
&lt;br /&gt;
     &amp;lt;info&amp;gt;PVR.EpgEventProgress&amp;lt;/info&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Changing the width and height is probably what you want but we can change the color or even the thickness too.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Top screen left&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Finding out where the top bar strings are located was a lot more tricky but hopefully this article will save others the time in finding it.&lt;br /&gt;
&lt;br /&gt;
The top left hand TV channel and program name are found in the &#039;&#039;variables.xml&#039;&#039; and search for the &#039;&#039;NowPlayingBreadcrumbsVar&#039;&#039; control node.&lt;br /&gt;
&lt;br /&gt;
You can either comment this out or change it from here.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Top screen OSD right&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
The time and video duration is also quite difficult to find. The way I found it in the end (and this trick may help you for other searches) was to use notepad++ search by directory feature to look for the localisation string &#039;&#039;31080&#039;&#039; which is the english string &#039;&#039;Ends at&#039;&#039; which shows up in this location.&lt;br /&gt;
&lt;br /&gt;
That search brought me to a file called &#039;&#039;Custom_1109_TopBarOverlay.xml&#039;&#039;. Just search for the xml control node that contains &#039;&#039;&amp;lt;label&amp;gt;$INFO[System.Time]&amp;lt;/label&amp;gt;&#039;&#039;. I disabled this and introduced a new control node back in the &#039;&#039;DialogueSeekBar.xml&#039;&#039; file that will show on the actual OSD popup in future. But again it can be moved or resized as required&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== More advanced edits ==&lt;br /&gt;
&lt;br /&gt;
Just to complete this guide, lets try and add some graphical stars to the widelist view, while also adding the focused stars.&lt;br /&gt;
&lt;br /&gt;
Lets change the code we added earlier to an image control&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_rating_image_control.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Notice we are now adding an image control, with a texture that is calling a specific filename. In this case it is a star rating of 1-10 with half stars to make it shorter.&lt;br /&gt;
&lt;br /&gt;
And we end up with something like this!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_rating_mod4.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Last but not least, we need to add a new control for when the song is in focus by the user. This will ensure that the stars do not disappear when the user moves over each song with the selection bar.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_rating_image_control.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
So all we have done is copy the same code again and put it this time in the control, that is visible when &amp;quot;HasFocus&amp;quot; is selected.&lt;br /&gt;
&lt;br /&gt;
All done!&lt;br /&gt;
&lt;br /&gt;
== See also ==&lt;br /&gt;
&#039;&#039;&#039;Development:&#039;&#039;&#039;&lt;br /&gt;
* [[Add-on development]]&lt;br /&gt;
* [[Skinning]]&lt;br /&gt;
&lt;br /&gt;
[[Category:Skin development]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:Re-order_and_move_Estuary_code.jpg&amp;diff=136469</id>
		<title>File:Re-order and move Estuary code.jpg</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:Re-order_and_move_Estuary_code.jpg&amp;diff=136469"/>
		<updated>2018-03-20T20:00:28Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:Re-order_and_move_Estuary.jpg&amp;diff=136468</id>
		<title>File:Re-order and move Estuary.jpg</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:Re-order_and_move_Estuary.jpg&amp;diff=136468"/>
		<updated>2018-03-20T19:57:13Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=Samples&amp;diff=136086</id>
		<title>Samples</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=Samples&amp;diff=136086"/>
		<updated>2018-02-27T15:54:12Z</updated>

		<summary type="html">&lt;p&gt;Zag: /* Fake Sports TV Show library */ fix broken link&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{mininav| [[Troubleshooting]] {{l2|[[Development builds]] }} }}&lt;br /&gt;
&lt;br /&gt;
{{forum link2|1=Questions? Comments? See the &#039;&#039;[http://forum.kodi.tv/showthread.php?tid=248794 discussion thread]&#039;&#039;}}&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;(Thanks to hdmkv for putting together these links)&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Kodi users are a demanding bunch when it comes to media players with Kodi &amp;amp; having as-close-to-perfect video playback capabilities as possible. All videos should play smoothly and w/o distracting artifacts such as stutters, frame skips, improper framerates, macroblocking, and audio drop-outs.&lt;br /&gt;
&lt;br /&gt;
Below is a collection of a/v clips for testing, pushing media player capabilities. Not all types, but the most widely used or critical types for home theater enthusiasts. [[w:Fair use|Fair use]] is claimed on all non-[[w:copyleft|copyleft]] clips, as their the purpose is only for testing, technical evaluation, and documentation.&lt;br /&gt;
&lt;br /&gt;
==3D Test Clips==&lt;br /&gt;
&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEd2c0ekxfbFd3Tmc/view?usp=sharing MVC 3D ISO Sample #1] (1080p/23.976)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEM2xjQndxV3ZzaVE/view?usp=sharing MVC 3D ISO Sample #2 with 3D Subtitles] (1080p/23.976)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEMkJTV21JNnhfNlE/view?usp=sharing MVC 3D ISO Sample #3 for Pop-out &amp;amp; Depth Evaluation] (1080p/23.976)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEWmRyc0YwUExxX0U/view?usp=sharing MVC 3D ISO Sample #4 for Proper Lip-synch &amp;amp; Clean Graphics Render Verification] (1080p/23.976)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lETWMzM1dRZF9XMDA/view?usp=sharing MVC 3D MKV] (1080p/23.976)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEX3RpYTNEMFZxcjA/view?usp=sharing HSBS (side-by-side)] (MKV @ 1080p/23.976)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lET0czejJBVXJLSkE/view?usp=sharing HTAB/HOU (top-and-bottom)] (MKV @ 1080p/23.976)&lt;br /&gt;
&lt;br /&gt;
==HD Audio Test Clips==&lt;br /&gt;
{{note|To download, hover over link:&lt;br /&gt;
* If demo-world, click to go to site, then right-click thumbnail of video there &amp;amp; choose &#039;Save link as...&#039; to download&lt;br /&gt;
* For rest, just click}}&lt;br /&gt;
&lt;br /&gt;
#[https://mega.nz/#!cM9VmBSL!mME5qULH2H5M24vLmjqfZZkaoUjY6RsrGPiw3ultMW0 Dolby Digital Plus 5.1] (M2TS @ 1080p/29.970) &#039;&#039;(thanks wesk05)&#039;&#039;&lt;br /&gt;
#[http://www.demo-world.eu/download-2d-trailers/?file=dolby_digital_plus_channel_check_lossless-DWEU.mkv&amp;amp;pic=dolby_digital_plus_channel_check_lossless.jpg Dolby Digital Plus 7.1 Channel Check] (MKV @ 1080p/29.970)&lt;br /&gt;
#Dolby TrueHD 5.1 (use clip #10 in &#039;Codecs&#039; section below)&lt;br /&gt;
#[http://www.demo-world.eu/download-2d-trailers/?file=dolby_truehd_channel_check_lossless-DWEU.mkv&amp;amp;pic=dolby_truehd_channel_check_lossless.jpg Dolby TrueHD 7.1 Channel Check] (MKV @ 1080p/29.970)&lt;br /&gt;
#[http://www.demo-world.eu/download-2d-trailers/?file=dolby_amaze_lossless-DWEU.m2ts&amp;amp;pic=dolby_amaze.jpg Dolby ATMOS &#039;Amaze&#039; Demo] (M2TS @ 1080p/24.000)&lt;br /&gt;
#[https://drive.google.com/open?id=0BwxFVkl63-lENElIcC1xTnF2Yk0 Dolby ATMOS &#039;Helicopter&#039; Demo] (M2TS @ 1080p/29.970 with DD+ 5.1 secondary track)&lt;br /&gt;
#[https://www.demolandia.net/downloads.php?id=236762 Dolby ATMOS &#039;Audiosphere&#039; Demo] (M2TS @ 1080p/24.000)&lt;br /&gt;
#[https://www.demolandia.net/downloads.php?id=52783232 Dolby ATMOS &#039;Silent&#039; Demo] (M2TS @ 1080p/24.000)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEcU1ScWZuMjhpOXM/view?usp=sharing DTS-HD HRA 5.1] (MKV @ 1080p/23.976 VC-1)&lt;br /&gt;
#[http://www.demo-world.eu/download-2d-trailers/?file=dts_orchestra_short_lossless-DWEU.mkv&amp;amp;pic=dts_orchestra.jpg DTS-HD HRA 7.1] (MKV @ 1080p/29.970)&lt;br /&gt;
#[https://drive.google.com/file/d/0B4nYAKUiVpepY1NuQW5ER3l3SXc/edit?usp=sharing DTS-HD MA 5.1 Channel Check] (M2TS @ 1080p/23.976)&lt;br /&gt;
#[https://drive.google.com/file/d/0B67BGVX7nHIlNlJBenpkQkhFXzA/view DTS-HD MA 5.1 24-bit 192kHz audio-only sample] (MKV) &#039;&#039;(thanks HomerJau)&#039;&#039;&lt;br /&gt;
#[http://www.demo-world.eu/download-2d-trailers/?file=dts_hd_master_audio_sound_check_7_1_lossless-DWEU.mkv&amp;amp;pic=dts_hd_master_audio_sound_check_7_1_lossless.jpg DTS-HD MA 7.1 Speaker Phase] (MKV @ 1080p/23.976)&lt;br /&gt;
#[https://drive.google.com/open?id=0Bx63o79bMC7lMEMxUmxzV2NtYTA DTS-HD MA 7.1 &#039;Dredd&#039; Audio Channel Check] (M2TS @ 1080p/23.976) &#039;&#039;(thanks looun)&#039;&#039;&lt;br /&gt;
#[http://www.demo-world.eu/download-2d-trailers/?file=dts_x_all_around_us_lossless-DWEU.mkv&amp;amp;pic=dts_x_all_around_us.jpg DTS:X &#039;All Around Us&#039; Demo] (MKV @ 1080p/23.976) &#039;&#039;(thanks wesk05)&#039;&#039;&lt;br /&gt;
#[https://drive.google.com/open?id=0BwxFVkl63-lEQWNKRnBPUlB3QXc DTS:X &#039;Gravity&#039; Demo] (MKV @ 1080p/23.976) &#039;&#039;(thanks wesk05; modified to only retain the X track)&#039;&#039;&lt;br /&gt;
#[https://www.demolandia.net/downloads.php?id=87980801 DTS:X &#039;Sound Unbound Callout 11.1&#039; Demo] (M2TS @ 1080p/24.000)&lt;br /&gt;
#[https://www.demolandia.net/downloads.php?id=69530805 DTS:X &#039;Listen X Long&#039; Demo] (M2TS @ 1080p/24.000)&lt;br /&gt;
#[https://mega.nz/#!0NVhDIbY!D4Fte7Kb7728H9CRY3IVTHJ45ZwkCQiugdFS7pZCN_s DTS:X &#039;Movement&#039; Demo] (M2TS @ 1080p/23.976) &#039;&#039;(thanks wesk05)&#039;&#039;&lt;br /&gt;
#[https://mega.nz/#!Rcl1ECiL!pzPT5LvMyYIoKbsm3HdMDi2vO6aPpE8gAjLsSTH1DZg LPCM 5.1] (MKV @ 1080p/23.976) &#039;&#039;(thanks wesk05)&#039;&#039;&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEV2JjazFWQ05OSG8/view?usp=sharing LPCM 7.1] (MKV @ 1080p/23.976)&lt;br /&gt;
#[https://www2.iis.fraunhofer.de/AAC/multichannel.html AAC 5.1]&lt;br /&gt;
#FLAC 5.1 (use clip #6 in &#039;3D Test Clips&#039; section above)&lt;br /&gt;
#[https://drive.google.com/file/d/0B67BGVX7nHIlNlJBenpkQkhFXzA/view FLAC 5.1 24-bit 192kHz audio-only sample] &#039;&#039;(thanks HomerJau)&#039;&#039;&lt;br /&gt;
#[http://www.2l.no/hires/index.html FLAC many formats]&lt;br /&gt;
#[https://www.cybele.de/geraete-software-download FLAC many formats] (bottom of page)&lt;br /&gt;
&lt;br /&gt;
==Codecs, Framerates and Subtitles==&lt;br /&gt;
&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lERkJRU003ZTd2VEk/view?usp=sharing H.264 1080p/23.976] (MKV)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEdzlZZ2lCLTVLa2c/view?usp=sharing H.264 1080p/24.000] (MKV)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEbFBzak1sbmU1N0E/view?usp=sharing H.264 1080i/25.000] (MKV)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEWDUzUVUtZEw4cDA/view?usp=sharing H.264 1080p/25.000] (MKV)&lt;br /&gt;
#[https://mega.nz/#!XI1yiKLA!rF4vweNo_xA7vpSzpLU-JctqfUGZN4vVU1m6WIJ5lT4 H.264 1080i/29.970 4:2:0@High 26Mbps] (C-Band satellite capture in MKV w/DTS-HD MA 2.0 audio, converted from E-AC3) &#039;&#039;(thanks alanisrox69)&#039;&#039;&lt;br /&gt;
#[http://opencubetech.com/page47/ H.264 1080i/50.000] (download and change .mxf extension to .ts)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEbVptTVZ2NENURHM/view?usp=sharing H.264 1080p/50.000] (MKV)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEUGZnR1JHUUU0WEk/view?usp=sharing H.264 1080p/59.940] (MKV)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lETTVtaVV0LUVRZ1k/view?usp=sharing H.264 1080p/60.000] (MKV)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lETFVpOWRVVGNfeEU/view?usp=sharing VC-1 1080p/23.976] (MKV w/TrueHD 5.1 audio)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lERnhlY1pHeW5wbjQ/view?usp=sharing VC-1 1080i/29.970] (MKV w/DTS-HD MA 5.1 audio)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lETXlOa3hEMmVyZGM/view?usp=sharing MPEG2 1080i/29.970] (U.S. ATSC OTA capture, muxed into MKV w/DD5.1 audio)&lt;br /&gt;
#[https://mega.nz/#!GJMAADTK!deabwHlqtw2I_ihoY6_0xnxT_1W_d3jpAjnANKRBAzE MPEG2 4:2:0@High 1080i/29.970 36Mbps] (C-Band satellite capture in TS w/DTS-HD MA 5.1 audio, converted from E-AC3) &#039;&#039;(thanks alanisrox69 for #13-15)&#039;&#039;&lt;br /&gt;
#[https://mega.nz/#!jREAxYgb!MtjBIh1oSJJBZgLT7AcdG88hGCFG-ak7pC2AyjrsaIQ MPEG2 4:2:0@High 720p/59.940 20Mbps] (C-Band satellite capture in TS)&lt;br /&gt;
#[https://mega.nz/#!c9dhAaKA!MG5Yi-MJNATE2_KqcnNJZCRKtTWvdjJP1NwG8Ggdw3E MPEG2 4:2:2@High 1080i/29.970 35Mbps] (C-Band satellite capture in TS w/DTS-HD MA 5.1 audio, converted from E-AC3) (most media players can&#039;t play this; Sigma SoC-based media players and Intel i3+ NUC&#039;s/HTPC&#039;s can)&lt;br /&gt;
#[https://www.dropbox.com/sh/6iy4gxgsfn14opq/AAAK_L1M_NwZwBPb5IkEPh7Ga?dl=0 Hi10 Anime Samples] &#039;&#039;(thanks Morien)&#039;&#039;&lt;br /&gt;
#H.265 1080p (medium bitrate) Test #1 [https://drive.google.com/file/d/0B3-obtCH8dE8d04yQnY5ZkFJdVE/view?usp=sharing in ISO], and [https://drive.google.com/file/d/0B3-obtCH8dE8V0NXdi1Jd3NrNkk/view?usp=sharing in MKV] &#039;&#039;(thanks Mike for #16-17)&#039;&#039;&lt;br /&gt;
#H.265 1080p (medium bitrate) Test #2 [https://drive.google.com/file/d/0B3-obtCH8dE8UnZiV2kyRGZEWW8/view?usp=sharing in ISO], and [https://drive.google.com/file/d/0B3-obtCH8dE8bFdvWVFUMlNjX0E/view?usp=sharing in MKV]&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEbWhqS284RkpNMXc/view?usp=sharing 2D Forced Subtitles Sample #1 (SRT)]&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEVEluSFZ4NlhpLUk/view?usp=sharing 2D Forced Subtitles Sample #2 (PGS)]&lt;br /&gt;
#3D Subtitles (use clip #2 in &#039;3D Test Clips&#039; section above)&lt;br /&gt;
&lt;br /&gt;
==4K (UltraHD)==&lt;br /&gt;
{{note|To download, hover over link:&lt;br /&gt;
* If demo-world, click to go to site, then right-click thumbnail of video there &amp;amp; choose &#039;Save link as...&#039; to download&lt;br /&gt;
* For any YouTube video, [https://www.4kdownload.com/products/product-videodownloader use this free tool] to download in original quality}}&lt;br /&gt;
&lt;br /&gt;
#[https://drive.google.com/open?id=0BwxFVkl63-lEY3l3ODJReDg3RzQ H.264 29.970fps, 51Mbps] (in MOV, hdmkv&#039;s iPhone 6S raw 4K footage)&lt;br /&gt;
#[https://www.youtube.com/watch?v=Ppz41EmaJyU H.264 30.000fps] (in MP4, 4K Test Patterns) (YouTube) &#039;&#039;(thanks hansolo)&#039;&#039;&lt;br /&gt;
#[http://demo-uhd3d.com/fiche.php?cat=uhd&amp;amp;id=111 H.264 50.000fps] (in MP4, Astra DVB satellite capture sample)&lt;br /&gt;
#[http://www.demo-world.eu/download-2d-trailers-uhd/?file=samsung_seven_wonders_of_the_world_china_uhd-DWEU.mkv&amp;amp;pic=samsung_seven_wonders_of_the_world_china.jpg H.264 59.940fps] (in MKV)&lt;br /&gt;
#[http://demo-uhd3d.com/fiche.php?cat=uhd&amp;amp;id=101 HEVC 8-bit 29.970fps] (in MP4)&lt;br /&gt;
#[http://demo-uhd3d.com/fiche.php?cat=uhd&amp;amp;id=45 HEVC 10-bit 23.976fps] (in TS)&lt;br /&gt;
#[http://demo-uhd3d.com/fiche.php?cat=uhd&amp;amp;id=96 HEVC 10-bit 59.940fps] (in TS)&lt;br /&gt;
#[https://drive.google.com/open?id=0BwxFVkl63-lEdVBuZkltckdZZ0k HEVC 10-bit 59.940fps] (Korean ATSC 3.0 satellite TV capture sample)&lt;br /&gt;
#[http://hdrsamples.com/ HDR 10-bit HEVC 24.000fps] (in MP4, &#039;Exodus&#039; and &#039;Life of Pi&#039; samples)&lt;br /&gt;
#[https://drive.google.com/open?id=0BwxFVkl63-lEdU9Ma0VYc3YxSVE HDR 10-bit HEVC 25.000fps] (in TS, Astra DVB satellite capture sample; no audio) &#039;&#039;(courtesy WeTek)&#039;&#039;&lt;br /&gt;
#[http://demo-uhd3d.com/fiche.php?cat=uhd&amp;amp;id=144 HDR 10-bit HEVC 59.940fps] (in MP4, Camp by Sony)&lt;br /&gt;
#[https://drive.google.com/open?id=0BwxFVkl63-lEc3k0aldZaGtaVm8 DolbyVision 10-bit HEVC 23.976fps] (in TS, LG Comparison Demo)  &#039;&#039;(thanks soyhakan)&#039;&#039;&lt;br /&gt;
#[https://drive.google.com/open?id=0BwxFVkl63-lEWmNWcGl4eVRWS2M DolbyVision 10-bit HEVC 23.976fps] (in TS, LG Trailer)  &#039;&#039;(thanks soyhakan)&#039;&#039;&lt;br /&gt;
#[https://www.youtube.com/watch?v=s6zR2T9vn2c VP9] (open-source alternative to HEVC) (YouTube)&lt;br /&gt;
#[https://mega.nz/#!hJdFEIBI!uSOjZtkkjIVYSfqD9aSfONf1yq__uQvlsf47pCtFvdQ VP9 Profile 2 HDR #1] The World in HDR (in MKV, downloaded from YouTube) &#039;&#039;(thanks wesk05)&#039;&#039;&lt;br /&gt;
#[https://mega.nz/#!pQEGgRwY!pD9whIlM-U9tJIA-LojxSt582BAZGfdSA5wAQLT06I4 VP9 Profile 2 HDR #2] The Redwoods (in MKV, downloaded from YouTube) &#039;&#039;(thanks wesk05)&#039;&#039;&lt;br /&gt;
#[https://www.youtube.com/watch?v=nRt4Duf7GoI 5K (5120x2700) 60.000fps] (in MP4) (YouTube)&lt;br /&gt;
#[https://www.demolandia.net/downloads.php?id=60876578 HEVC 10-bit 23.976fps] (in MKV)&lt;br /&gt;
#[https://www.youtube.com/watch?v=ChOhcHD8fBA 8K (7680x4320) 29.970fps] (in MP4) (YouTube)&lt;br /&gt;
#[https://www.demolandia.net/downloads.php?id=73498539 HEVC 10-bit 23.976fps] (in MKV)&lt;br /&gt;
#[https://www.demolandia.net/downloads.php?id=99364567 HEVC 10-bit 23.976fps] (in MKV)&lt;br /&gt;
&lt;br /&gt;
==Bitrate Test Clips==&lt;br /&gt;
Media players should be able play 70Mbps or better smoothly, w/o stutters for full 1080p, and 108-128Mbps for full 4K&lt;br /&gt;
&lt;br /&gt;
*[http://jell.yfish.us/ Jellyfish, up to 400Mbps] (in H.264 and H.265 HEVC MKV) &#039;&#039;(thanks ScottAllyn01 for your useful site)&#039;&#039;&lt;br /&gt;
*[http://dl.ganjanetwork.ru/Files/Video%20Test%20Files/Bitrate/Birds/ Birds, up to 90Mbps] (in H.264 MKV or M2TS)&lt;br /&gt;
&lt;br /&gt;
==Resources for Additional Test Clips or Samples==&lt;br /&gt;
&lt;br /&gt;
*[http://bbb3d.renderfarming.net/download.html Big Buck Bunny] (test suite with 2D, 3D and 4K clips)&lt;br /&gt;
*[http://www.cnx-software.com/2010/03/17/where-to-get-video-audio-and-image-samples/ CNXSoft&#039;s samples/links]&lt;br /&gt;
*[http://www.w6rz.net/ W6RZ MPEG2 clips]&lt;br /&gt;
*[http://thedigitaltheater.com/index.php/dolby-trailers/ The Digital Theater] (several Dolby ATMOS clips)&lt;br /&gt;
*[http://www.demo-world.eu/2d-demo-trailers-hd/ Demo World trailers] (several directly linked to above)&lt;br /&gt;
*[https://www.koi-sama.net/files/hi10/ AVC High 10 Profile Anime Samples] &#039;&#039;(thanks Morien)&#039;&#039;&lt;br /&gt;
*[http://4ksamples.com/ 4Ksamples.com] (movie, sport, nature clips in 4K)&lt;br /&gt;
*[https://www.youtube.com/watch?v=k_okcNVZqqI&amp;amp;list=PLD33E5618740295DF Jacob + Katie Schwarz: We See the World in 4K] (beautiful 4K nature videos) (YouTube)&lt;br /&gt;
*[https://www.youtube.com/user/aroundtheworld4k Around the World 4K] (Cities worldwide in striking 4K) (YouTube)&lt;br /&gt;
*[https://www.youtube.com/channel/UCW35MLO96M_UVG7YzMt1I2A/videos Cities in 4K] (Similar to above) (YouTube)&lt;br /&gt;
*[https://www.youtube.com/channel/UC_3n6GTFuC4tTAojueLBTHg/playlists Manufacturer and other demos in 4K] (YouTube)&lt;br /&gt;
*[http://www.imaging-resource.com/news/2014/11/19/samsung-nx1-4k-video-samples-and-new-full-res-frame-grabs-available-for-do Imaging Resource 4K Samples] &#039;&#039;(thanks Karnis)&#039;&#039;&lt;br /&gt;
*[https://www.youtube.com/channel/UCve7_yAZHFNipzeAGBI5t9g/videos The HDR Channel] (YouTube)&lt;br /&gt;
*[http://demo-uhd3d.com/ Demo UHD 3D] (various H.265 &amp;amp; H.265 4K clips) &#039;&#039;(thanks wrxtasy)&#039;&#039;&lt;br /&gt;
*[https://x265.com/hevc-video-files/ x265 HEVC Samples]&lt;br /&gt;
*[http://www.evosiastudios.com/category/portfolio/films/ Evosia Studios] (several beautiful 1080p to 4K films)&lt;br /&gt;
*[http://www.libde265.org/downloads-videos/ libde265] (1080p to maxed-out 4K samples) &#039;&#039;(thanks Martijn)&#039;&#039;&lt;br /&gt;
*[http://timestormfilms.net/ Timestorm Films] (4K to 8K videos)&lt;br /&gt;
*[http://samples.mplayerhq.hu/ MplayerHQ&#039;s library] (many clips)&lt;br /&gt;
::{{note|&amp;lt;code&amp;gt;http://samples.mplayerhq.hu&amp;lt;/code&amp;gt; can even be added to Kodi as a video source, for easy loading, if you have a fast enough connection.}}&lt;br /&gt;
&lt;br /&gt;
== Library samples ==&lt;br /&gt;
&lt;br /&gt;
=== Ned&#039;s fake movie library ===&lt;br /&gt;
:A zipped collection of 1,000 empty movie files, with NFO files, poster, and fanart for each entry. Various movies from different years, including sequels/sets, remakes, movies named the same but unrelated, various genres, and so on. Useful for testing things like library scanning speed, library navigation, filtering, etc.&lt;br /&gt;
&lt;br /&gt;
:* https://www.dropbox.com/s/llciqryeqqk4t70/Test%20video%20library.zip?dl=0&lt;br /&gt;
&lt;br /&gt;
=== Music library ===&lt;br /&gt;
: Just the one album for now but hope to increase this over time. It&#039;s a complete album in MP3 format, tagged with Musicbrainz Picard ID3v2.3 (ID3v1 ID3v2.3) with extra genre, comment and composer tags for testing. Coverart is also included as a folder.jpg file. The album is licensed &amp;quot;Attribution-ShareAlike 3.0 Unported Creative Commons license&amp;quot; by the artist. You can download or pay for the album here if you like it. http://hungrylucy.com/album/pulse-of-the-earth&lt;br /&gt;
&lt;br /&gt;
:* https://www.dropbox.com/s/rk8ue5fs49v5pnm/Creative_Commons_Music.zip?dl=0&lt;br /&gt;
&lt;br /&gt;
=== Fake Sports TV Show library ===&lt;br /&gt;
: Here is a fake sports TV show library for use with the Kodi sports scraper. It includes a number of sports folders broken down into seasons and then events. This should work nicely with the current Sports TV scraper on the Kodi forums.&lt;br /&gt;
&lt;br /&gt;
:* https://www.thesportsdb.com/Sports_fake_video_files.zip&lt;br /&gt;
&lt;br /&gt;
=== Homebrew Game Roms ===&lt;br /&gt;
: This is a location to find a number of freely licensed &amp;quot;homebrew&amp;quot; console games that can be downloaded for testing with Kodi&#039;s upcoming retroplayer feature. They include NES, Gameboy and Snes titles.&lt;br /&gt;
&lt;br /&gt;
:* https://github.com/OpenEmu/OpenEmu-Update/tree/master/Homebrew&lt;br /&gt;
&lt;br /&gt;
== See also ==&lt;br /&gt;
* [[Video levels and color space]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Category:Troubleshooting]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=HOW-TO:Estuary_Modification&amp;diff=132163</id>
		<title>HOW-TO:Estuary Modification</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=HOW-TO:Estuary_Modification&amp;diff=132163"/>
		<updated>2018-01-02T14:41:24Z</updated>

		<summary type="html">&lt;p&gt;Zag: Update for editing the OSD in Estuary&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Introduction==&lt;br /&gt;
Estuary is Kodi&#039;s default skin, so it makes a good example of how to get start with editing a skin&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary-logo.png]]&lt;br /&gt;
&lt;br /&gt;
== Setting up a developer environment for skinning ==&lt;br /&gt;
First thing we need to do is setup a simple skin development environment:&lt;br /&gt;
&lt;br /&gt;
To get the most out of it you&#039;ll need to either make a new keymap.xml or add this to your existing one.&lt;br /&gt;
&lt;br /&gt;
 &amp;lt;keymap&amp;gt;&lt;br /&gt;
    &amp;lt;global&amp;gt;&lt;br /&gt;
        &amp;lt;keyboard&amp;gt;&lt;br /&gt;
            &amp;lt;F5&amp;gt;XBMC.ReloadSkin()&amp;lt;/F5&amp;gt;&lt;br /&gt;
            &amp;lt;F7&amp;gt;Notification(Testing 123,Hello world)&amp;lt;/F7&amp;gt;&lt;br /&gt;
            &amp;lt;F8&amp;gt;Skin.ToggleDebug()&amp;lt;/F8&amp;gt;&lt;br /&gt;
        &amp;lt;/keyboard&amp;gt;&lt;br /&gt;
    &amp;lt;/global&amp;gt;&lt;br /&gt;
 &amp;lt;/keymap&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[File:Keymap_xml.jpg]]&lt;br /&gt;
&lt;br /&gt;
You will need to copy this keymap.xml file into the Kodi userdata folder. In our example, we are using windows so I have copied this file into the C:\Users\user\AppData\Roaming\Kodi\userdata\keymaps folder.&lt;br /&gt;
&lt;br /&gt;
Now we need a text editor to actually edit the files. Any text editor will work but we recommend something that can open multiple files at once such as Sublime Text or Notepad++&lt;br /&gt;
&lt;br /&gt;
== Testing your enviroment ==&lt;br /&gt;
&lt;br /&gt;
Lets launch Kodi and try out our new skinners keymap features.&lt;br /&gt;
&lt;br /&gt;
The following keys will then activate the corresponding action:&lt;br /&gt;
&lt;br /&gt;
 F5 - Reload skin (&#039;&#039;used to see any changes instantly without restarting XBMC&#039;&#039;)&lt;br /&gt;
 F7 - Activated the KaiDialogToast.xml (&#039;&#039;used to display the notification dialog&#039;&#039;)&lt;br /&gt;
 F8 - Show/Hide the Debug Info (&#039;&#039;used to display the currently active windows or dialogs&#039;&#039;)&lt;br /&gt;
&lt;br /&gt;
As you can see all these features are incredibly important to a skinner.&lt;br /&gt;
&lt;br /&gt;
[[File:Skinners_keymap_kodi.jpg]]&lt;br /&gt;
&lt;br /&gt;
== Structure of Estuary ==&lt;br /&gt;
The default skin is very nicely laid out in actually quite a simple way. In our case on Windows, you can access the skin files in this folder C:\Program Files (x86)\Kodi\addons\skin.estuary\xml&lt;br /&gt;
&lt;br /&gt;
Below are some explanations of the files you will see in the Estuary XML folder:&lt;br /&gt;
&lt;br /&gt;
The file &amp;quot;Home.xml&amp;quot; is the basic home screen you see on first load of Kodi.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;My&amp;quot; are the main sub windows from the main screen such as Music or TVShows.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Includes_&amp;quot; are all files that incorporate common elements that can be used all over the skin.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Dialogue_&amp;quot; are all popups you see in the use of Kodi&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;View_&amp;quot; are all the specific views you see in the skin, such as wide list or the Poster view for example.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Settings&amp;quot; are simply to detail the settings menu.&lt;br /&gt;
&lt;br /&gt;
As you can probably tell, editing a skin is actually pretty logical and great effort has been made by the original developers to make it easy to understand.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Making your first skin edit ==&lt;br /&gt;
&lt;br /&gt;
As an example here, I am going to show you how to add a feature that was important to me but missing in the standard Estuary release.&lt;br /&gt;
&lt;br /&gt;
This example will show you how to add a music rating to the wide list view.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary mod music1.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Currently the rating only shows under the album artwork when you have a single track focused on the right.&lt;br /&gt;
&lt;br /&gt;
I will change this so that every rating shows next to each track name even when not focused.&lt;br /&gt;
&lt;br /&gt;
First thing we need to do is find out what files to edit. Now this is pretty easy because we can press F8 on the keyboard to see the debug screen in Kodi.&lt;br /&gt;
&lt;br /&gt;
Now browse to the screen you want to edit in Kodi and the debug text will change. In this case its changed to &amp;quot;MyMusicNav.xml&amp;quot; and Focus is &amp;quot;55 (Fixed list)&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music2.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
So go ahead and open these 2 files: &amp;quot;MyMusicNav.xml&amp;quot; and &amp;quot;View_55_WideList.xml&amp;quot;. Its also important that we open the &amp;quot;includes.xml&amp;quot; file as this has many common elements that will help us.&lt;br /&gt;
&lt;br /&gt;
At this point you may find it useful to start test deleting bits of the &amp;quot;View_55_WideList.xml&amp;quot;. Try deleting different containers and control elements in the XML file. &lt;br /&gt;
&lt;br /&gt;
You should quickly learn what bits do what with this method. For example if I remove the &amp;lt;itemlayout height=&amp;quot;80&amp;quot; condition=&amp;quot;Container.Content(songs)&amp;quot;&amp;gt; code section, all the track listings disappear!&lt;br /&gt;
&lt;br /&gt;
Now we know what bits do what, we can start to edit. Lets look at this code:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary mod music3.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
As you can see, its quite simple. This code shows the duration of the track on the widelist music screen. You can see where the control is positioned, how its aligned and what colour it is. In this case its grey.&lt;br /&gt;
&lt;br /&gt;
As a quick test lets change the colour to yellow! Just change &amp;quot;&amp;lt;textcolor&amp;gt;grey&amp;lt;/textcolor&amp;gt;&amp;quot; to &amp;quot;&amp;lt;textcolor&amp;gt;yellow&amp;lt;/textcolor&amp;gt;&amp;quot;. Go back to Kodi and hit F5 on the keyboard and all your track lengths go yellow!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music4.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Magic! Now lets try adding some text instead of the duration, just as a test. Just change &amp;quot;&amp;lt;label&amp;gt;$INFO[ListItem.Label2]&amp;lt;/label&amp;gt;&amp;quot; to &amp;quot;&amp;lt;label&amp;gt;Blah!&amp;lt;/label&amp;gt;&amp;quot;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music6.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
OK so that was fun, but its probably best to change that back now. Undo(ctrl + z) and redo(ctrl + y) are your friends while testing :)&lt;br /&gt;
&lt;br /&gt;
So lets actually get on with our modification, what we need to do is find out what label the user rating is. To find this out we need to look in the &amp;quot;includes.xml&amp;quot; file as the rating star resides in there as its a re-usable element all over the skin.&lt;br /&gt;
&lt;br /&gt;
You can do a quick text search &amp;quot;Ctrl + s&amp;quot; and look for &amp;quot;rating&amp;quot;. Easy huh!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music5.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
This looks quite complicated (and it is a little due to the settings in there) but actually it just shows a rating &amp;quot;circle&amp;quot; with either the user or the overall rating inside it.&lt;br /&gt;
&lt;br /&gt;
What we are really looking for here is the infolabel string. We&#039;ve circled it above as ListItem.UserRating so lets copy (Ctrl + c) that simple string for use later.&lt;br /&gt;
&lt;br /&gt;
We don&#039;t need to do anything more with the includes file at this time but hopefully you can see the power of using re-usable elements in this file.&lt;br /&gt;
&lt;br /&gt;
So now go back to your &amp;quot;View_55_WideList.xml&amp;quot; file and lets add a new control. All we are going to do is copy the duration control to just below.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music7.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
As you can see from the screenshot we now have a new control which has been modified with a few new values.&lt;br /&gt;
&lt;br /&gt;
We&#039;ve changed the position of the control to be slightly to the left of the song duration control.&lt;br /&gt;
&lt;br /&gt;
We&#039;ve also changed the colour to yellow and the label to our rating listitem. In this case its: &amp;quot;$INFO[ListItem.UserRating]&amp;quot;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music8.jpg]]&lt;br /&gt;
&lt;br /&gt;
Right, that&#039;s it. We have managed to get the rating to show on each song track listing. Our objective has been achieved!&lt;br /&gt;
&lt;br /&gt;
This example is obviously not complete, we need to change the control that is selected to also show the rating and possibly change the actual rating to star images but you get the idea!&lt;br /&gt;
&lt;br /&gt;
Editing skins is easy, logical and quick once you get used to it. Good luck and let us know how you get on.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Editing the Video OSD ==&lt;br /&gt;
&lt;br /&gt;
One thing you might want to look at is modifying the Video OSD.&lt;br /&gt;
&lt;br /&gt;
This requires looking at a number of files including:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;OSD Background&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
The OSD background is pretty easy to change. You can find the image in the &#039;&#039;\media\dialogs&#039;&#039; folder of your skin. If you want to create a new one, I would advise making it the width of a 1080p display with some kind of transparency. Make sure you save it as a PNG to preserve the transparency and a dark colour so it can justify against the video background.&lt;br /&gt;
&lt;br /&gt;
The actual XML file to edit here (and for most OSD changes) is the &#039;&#039;DialogueSeekBar.xml&#039;&#039; file. Jump to this control node to find the OSD background search for &#039;&#039;dialog-bg.png&#039;&#039; as below:&lt;br /&gt;
&lt;br /&gt;
     &amp;lt;texture&amp;gt;dialogs/dialog-bg.png&amp;lt;/texture&amp;gt;&lt;br /&gt;
&lt;br /&gt;
You can change the width here to something like 90% so that the OSD does not take up the whole screen or resposition it with the &#039;&#039;top&#039;&#039; XML tag.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Video and Audio Icons&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
We can continue to edit the &#039;&#039;DialogueSeekBar.xml&#039;&#039; file to find the audio and video flag icons. You may wish to reposition these or even create a new control node for them individually as currently they are all grouped together.&lt;br /&gt;
&lt;br /&gt;
     &amp;lt;param name=&amp;quot;texture&amp;quot; value=&amp;quot;$INFO[VideoPlayer.AudioChannels,flags/audiochannel/,.png]&amp;quot; /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
You can again change the position of the icons or the size inside the control node.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Progress Bar&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
The progress bar is a little tricky as Estuary has a number of places where it can show, but we can start to edit it in the &#039;&#039;DialogueSeekBar.xml&#039;&#039; file again. Just do a search for:&lt;br /&gt;
&lt;br /&gt;
     &amp;lt;info&amp;gt;PVR.EpgEventProgress&amp;lt;/info&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Changing the width and height is probably what you want but we can change the color or even the thickness too.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Top screen left&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Finding out where the top bar strings are located was a lot more tricky but hopefully this article will save others the time in finding it.&lt;br /&gt;
&lt;br /&gt;
The top left hand TV channel and program name are found in the &#039;&#039;variables.xml&#039;&#039; and search for the &#039;&#039;NowPlayingBreadcrumbsVar&#039;&#039; control node.&lt;br /&gt;
&lt;br /&gt;
You can either comment this out or change it from here.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Top screen OSD right&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
The time and video duration is also quite difficult to find. The way I found it in the end (and this trick may help you for other searches) was to use notepad++ search by directory feature to look for the localisation string &#039;&#039;31080&#039;&#039; which is the english string &#039;&#039;Ends at&#039;&#039; which shows up in this location.&lt;br /&gt;
&lt;br /&gt;
That search brought me to a file called &#039;&#039;Custom_1109_TopBarOverlay.xml&#039;&#039;. Just search for the xml control node that contains &#039;&#039;&amp;lt;label&amp;gt;$INFO[System.Time]&amp;lt;/label&amp;gt;&#039;&#039;. I disabled this and introduced a new control node back in the &#039;&#039;DialogueSeekBar.xml&#039;&#039; file that will show on the actual OSD popup in future. But again it can be moved or resized as required&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== More advanced edits ==&lt;br /&gt;
&lt;br /&gt;
Just to complete this guide, lets try and add some graphical stars to the widelist view, while also adding the focused stars.&lt;br /&gt;
&lt;br /&gt;
Lets change the code we added earlier to an image control&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_rating_image_control.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Notice we are now adding an image control, with a texture that is calling a specific filename. In this case it is a star rating of 1-10 with half stars to make it shorter.&lt;br /&gt;
&lt;br /&gt;
And we end up with something like this!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_rating_mod4.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Last but not least, we need to add a new control for when the song is in focus by the user. This will ensure that the stars do not disappear when the user moves over each song with the selection bar.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_rating_image_control.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
So all we have done is copy the same code again and put it this time in the control, that is visible when &amp;quot;HasFocus&amp;quot; is selected.&lt;br /&gt;
&lt;br /&gt;
All done!&lt;br /&gt;
&lt;br /&gt;
== See also ==&lt;br /&gt;
&#039;&#039;&#039;Development:&#039;&#039;&#039;&lt;br /&gt;
* [[Add-on development]]&lt;br /&gt;
* [[Skinning]]&lt;br /&gt;
&lt;br /&gt;
[[Category:Skin development]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=Samples&amp;diff=131349</id>
		<title>Samples</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=Samples&amp;diff=131349"/>
		<updated>2017-12-13T10:30:28Z</updated>

		<summary type="html">&lt;p&gt;Zag: /* Music library */ fix CC music link&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{mininav| [[Troubleshooting]] {{l2|[[Development builds]] }} }}&lt;br /&gt;
&lt;br /&gt;
{{forum link2|1=Questions? Comments? See the &#039;&#039;[http://forum.kodi.tv/showthread.php?tid=248794 discussion thread]&#039;&#039;}}&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;(Thanks to hdmkv for putting together these links)&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Kodi users are a demanding bunch when it comes to media players with Kodi &amp;amp; having as-close-to-perfect video playback capabilities as possible. All videos should play smoothly and w/o distracting artifacts such as stutters, frame skips, improper framerates, macroblocking, and audio drop-outs.&lt;br /&gt;
&lt;br /&gt;
Below is a collection of a/v clips for testing, pushing media player capabilities. Not all types, but the most widely used or critical types for home theater enthusiasts. [[w:Fair use|Fair use]] is claimed on all non-[[w:copyleft|copyleft]] clips, as their the purpose is only for testing, technical evaluation, and documentation.&lt;br /&gt;
&lt;br /&gt;
==3D Test Clips==&lt;br /&gt;
&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEd2c0ekxfbFd3Tmc/view?usp=sharing MVC 3D ISO Sample #1] (1080p/23.976)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEM2xjQndxV3ZzaVE/view?usp=sharing MVC 3D ISO Sample #2 with 3D Subtitles] (1080p/23.976)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEMkJTV21JNnhfNlE/view?usp=sharing MVC 3D ISO Sample #3 for Pop-out &amp;amp; Depth Evaluation] (1080p/23.976)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEWmRyc0YwUExxX0U/view?usp=sharing MVC 3D ISO Sample #4 for Proper Lip-synch &amp;amp; Clean Graphics Render Verification] (1080p/23.976)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lETWMzM1dRZF9XMDA/view?usp=sharing MVC 3D MKV] (1080p/23.976)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEX3RpYTNEMFZxcjA/view?usp=sharing HSBS (side-by-side)] (MKV @ 1080p/23.976)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lET0czejJBVXJLSkE/view?usp=sharing HTAB/HOU (top-and-bottom)] (MKV @ 1080p/23.976)&lt;br /&gt;
&lt;br /&gt;
==HD Audio Test Clips==&lt;br /&gt;
{{note|To download, hover over link:&lt;br /&gt;
* If demo-world, click to go to site, then right-click thumbnail of video there &amp;amp; choose &#039;Save link as...&#039; to download&lt;br /&gt;
* For rest, just click}}&lt;br /&gt;
&lt;br /&gt;
#[https://mega.nz/#!cM9VmBSL!mME5qULH2H5M24vLmjqfZZkaoUjY6RsrGPiw3ultMW0 Dolby Digital Plus 5.1] (M2TS @ 1080p/29.970) &#039;&#039;(thanks wesk05)&#039;&#039;&lt;br /&gt;
#[http://www.demo-world.eu/download-2d-trailers/?file=dolby_digital_plus_channel_check_lossless-DWEU.mkv&amp;amp;pic=dolby_digital_plus_channel_check_lossless.jpg Dolby Digital Plus 7.1 Channel Check] (MKV @ 1080p/29.970)&lt;br /&gt;
#Dolby TrueHD 5.1 (use clip #10 in &#039;Codecs&#039; section below)&lt;br /&gt;
#[http://www.demo-world.eu/download-2d-trailers/?file=dolby_truehd_channel_check_lossless-DWEU.mkv&amp;amp;pic=dolby_truehd_channel_check_lossless.jpg Dolby TrueHD 7.1 Channel Check] (MKV @ 1080p/29.970)&lt;br /&gt;
#[http://www.demo-world.eu/download-2d-trailers/?file=dolby_amaze_lossless-DWEU.m2ts&amp;amp;pic=dolby_amaze.jpg Dolby ATMOS &#039;Amaze&#039; Demo] (M2TS @ 1080p/24.000)&lt;br /&gt;
#[https://drive.google.com/open?id=0BwxFVkl63-lENElIcC1xTnF2Yk0 Dolby ATMOS &#039;Helicopter&#039; Demo] (M2TS @ 1080p/29.970 with DD+ 5.1 secondary track)&lt;br /&gt;
#[https://www.demolandia.net/downloads.php?id=236762 Dolby ATMOS &#039;Audiosphere&#039; Demo] (M2TS @ 1080p/24.000)&lt;br /&gt;
#[https://www.demolandia.net/downloads.php?id=52783232 Dolby ATMOS &#039;Silent&#039; Demo] (M2TS @ 1080p/24.000)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEcU1ScWZuMjhpOXM/view?usp=sharing DTS-HD HRA 5.1] (MKV @ 1080p/23.976 VC-1)&lt;br /&gt;
#[http://www.demo-world.eu/download-2d-trailers/?file=dts_orchestra_short_lossless-DWEU.mkv&amp;amp;pic=dts_orchestra.jpg DTS-HD HRA 7.1] (MKV @ 1080p/29.970)&lt;br /&gt;
#[https://drive.google.com/file/d/0B4nYAKUiVpepY1NuQW5ER3l3SXc/edit?usp=sharing DTS-HD MA 5.1 Channel Check] (M2TS @ 1080p/23.976)&lt;br /&gt;
#[https://drive.google.com/file/d/0B67BGVX7nHIlNlJBenpkQkhFXzA/view DTS-HD MA 5.1 24-bit 192kHz audio-only sample] (MKV) &#039;&#039;(thanks HomerJau)&#039;&#039;&lt;br /&gt;
#[http://www.demo-world.eu/download-2d-trailers/?file=dts_hd_master_audio_sound_check_7_1_lossless-DWEU.mkv&amp;amp;pic=dts_hd_master_audio_sound_check_7_1_lossless.jpg DTS-HD MA 7.1 Speaker Phase] (MKV @ 1080p/23.976)&lt;br /&gt;
#[https://drive.google.com/open?id=0Bx63o79bMC7lMEMxUmxzV2NtYTA DTS-HD MA 7.1 &#039;Dredd&#039; Audio Channel Check] (M2TS @ 1080p/23.976) &#039;&#039;(thanks looun)&#039;&#039;&lt;br /&gt;
#[http://www.demo-world.eu/download-2d-trailers/?file=dts_x_all_around_us_lossless-DWEU.mkv&amp;amp;pic=dts_x_all_around_us.jpg DTS:X &#039;All Around Us&#039; Demo] (MKV @ 1080p/23.976) &#039;&#039;(thanks wesk05)&#039;&#039;&lt;br /&gt;
#[https://drive.google.com/open?id=0BwxFVkl63-lEQWNKRnBPUlB3QXc DTS:X &#039;Gravity&#039; Demo] (MKV @ 1080p/23.976) &#039;&#039;(thanks wesk05; modified to only retain the X track)&#039;&#039;&lt;br /&gt;
#[https://www.demolandia.net/downloads.php?id=87980801 DTS:X &#039;Sound Unbound Callout 11.1&#039; Demo] (M2TS @ 1080p/24.000)&lt;br /&gt;
#[https://www.demolandia.net/downloads.php?id=69530805 DTS:X &#039;Listen X Long&#039; Demo] (M2TS @ 1080p/24.000)&lt;br /&gt;
#[https://mega.nz/#!0NVhDIbY!D4Fte7Kb7728H9CRY3IVTHJ45ZwkCQiugdFS7pZCN_s DTS:X &#039;Movement&#039; Demo] (M2TS @ 1080p/23.976) &#039;&#039;(thanks wesk05)&#039;&#039;&lt;br /&gt;
#[https://mega.nz/#!Rcl1ECiL!pzPT5LvMyYIoKbsm3HdMDi2vO6aPpE8gAjLsSTH1DZg LPCM 5.1] (MKV @ 1080p/23.976) &#039;&#039;(thanks wesk05)&#039;&#039;&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEV2JjazFWQ05OSG8/view?usp=sharing LPCM 7.1] (MKV @ 1080p/23.976)&lt;br /&gt;
#[https://www2.iis.fraunhofer.de/AAC/multichannel.html AAC 5.1]&lt;br /&gt;
#FLAC 5.1 (use clip #6 in &#039;3D Test Clips&#039; section above)&lt;br /&gt;
#[https://drive.google.com/file/d/0B67BGVX7nHIlNlJBenpkQkhFXzA/view FLAC 5.1 24-bit 192kHz audio-only sample] &#039;&#039;(thanks HomerJau)&#039;&#039;&lt;br /&gt;
#[http://www.2l.no/hires/index.html FLAC many formats]&lt;br /&gt;
#[https://www.cybele.de/geraete-software-download FLAC many formats] (bottom of page)&lt;br /&gt;
&lt;br /&gt;
==Codecs, Framerates and Subtitles==&lt;br /&gt;
&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lERkJRU003ZTd2VEk/view?usp=sharing H.264 1080p/23.976] (MKV)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEdzlZZ2lCLTVLa2c/view?usp=sharing H.264 1080p/24.000] (MKV)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEbFBzak1sbmU1N0E/view?usp=sharing H.264 1080i/25.000] (MKV)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEWDUzUVUtZEw4cDA/view?usp=sharing H.264 1080p/25.000] (MKV)&lt;br /&gt;
#[https://mega.nz/#!XI1yiKLA!rF4vweNo_xA7vpSzpLU-JctqfUGZN4vVU1m6WIJ5lT4 H.264 1080i/29.970 4:2:0@High 26Mbps] (C-Band satellite capture in MKV w/DTS-HD MA 2.0 audio, converted from E-AC3) &#039;&#039;(thanks alanisrox69)&#039;&#039;&lt;br /&gt;
#[http://opencubetech.com/page47/ H.264 1080i/50.000] (download and change .mxf extension to .ts)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEbVptTVZ2NENURHM/view?usp=sharing H.264 1080p/50.000] (MKV)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEUGZnR1JHUUU0WEk/view?usp=sharing H.264 1080p/59.940] (MKV)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lETTVtaVV0LUVRZ1k/view?usp=sharing H.264 1080p/60.000] (MKV)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lETFVpOWRVVGNfeEU/view?usp=sharing VC-1 1080p/23.976] (MKV w/TrueHD 5.1 audio)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lERnhlY1pHeW5wbjQ/view?usp=sharing VC-1 1080i/29.970] (MKV w/DTS-HD MA 5.1 audio)&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lETXlOa3hEMmVyZGM/view?usp=sharing MPEG2 1080i/29.970] (U.S. ATSC OTA capture, muxed into MKV w/DD5.1 audio)&lt;br /&gt;
#[https://mega.nz/#!GJMAADTK!deabwHlqtw2I_ihoY6_0xnxT_1W_d3jpAjnANKRBAzE MPEG2 4:2:0@High 1080i/29.970 36Mbps] (C-Band satellite capture in TS w/DTS-HD MA 5.1 audio, converted from E-AC3) &#039;&#039;(thanks alanisrox69 for #13-15)&#039;&#039;&lt;br /&gt;
#[https://mega.nz/#!jREAxYgb!MtjBIh1oSJJBZgLT7AcdG88hGCFG-ak7pC2AyjrsaIQ MPEG2 4:2:0@High 720p/59.940 20Mbps] (C-Band satellite capture in TS)&lt;br /&gt;
#[https://mega.nz/#!c9dhAaKA!MG5Yi-MJNATE2_KqcnNJZCRKtTWvdjJP1NwG8Ggdw3E MPEG2 4:2:2@High 1080i/29.970 35Mbps] (C-Band satellite capture in TS w/DTS-HD MA 5.1 audio, converted from E-AC3) (most media players can&#039;t play this; Sigma SoC-based media players and Intel i3+ NUC&#039;s/HTPC&#039;s can)&lt;br /&gt;
#[https://www.dropbox.com/sh/6iy4gxgsfn14opq/AAAK_L1M_NwZwBPb5IkEPh7Ga?dl=0 Hi10 Anime Samples] &#039;&#039;(thanks Morien)&#039;&#039;&lt;br /&gt;
#H.265 1080p (medium bitrate) Test #1 [https://drive.google.com/file/d/0B3-obtCH8dE8d04yQnY5ZkFJdVE/view?usp=sharing in ISO], and [https://drive.google.com/file/d/0B3-obtCH8dE8V0NXdi1Jd3NrNkk/view?usp=sharing in MKV] &#039;&#039;(thanks Mike for #16-17)&#039;&#039;&lt;br /&gt;
#H.265 1080p (medium bitrate) Test #2 [https://drive.google.com/file/d/0B3-obtCH8dE8UnZiV2kyRGZEWW8/view?usp=sharing in ISO], and [https://drive.google.com/file/d/0B3-obtCH8dE8bFdvWVFUMlNjX0E/view?usp=sharing in MKV]&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEbWhqS284RkpNMXc/view?usp=sharing 2D Forced Subtitles Sample #1 (SRT)]&lt;br /&gt;
#[https://drive.google.com/file/d/0BwxFVkl63-lEVEluSFZ4NlhpLUk/view?usp=sharing 2D Forced Subtitles Sample #2 (PGS)]&lt;br /&gt;
#3D Subtitles (use clip #2 in &#039;3D Test Clips&#039; section above)&lt;br /&gt;
&lt;br /&gt;
==4K (UltraHD)==&lt;br /&gt;
{{note|To download, hover over link:&lt;br /&gt;
* If demo-world, click to go to site, then right-click thumbnail of video there &amp;amp; choose &#039;Save link as...&#039; to download&lt;br /&gt;
* For any YouTube video, [https://www.4kdownload.com/products/product-videodownloader use this free tool] to download in original quality}}&lt;br /&gt;
&lt;br /&gt;
#[https://drive.google.com/open?id=0BwxFVkl63-lEY3l3ODJReDg3RzQ H.264 29.970fps, 51Mbps] (in MOV, hdmkv&#039;s iPhone 6S raw 4K footage)&lt;br /&gt;
#[https://www.youtube.com/watch?v=Ppz41EmaJyU H.264 30.000fps] (in MP4, 4K Test Patterns) (YouTube) &#039;&#039;(thanks hansolo)&#039;&#039;&lt;br /&gt;
#[http://demo-uhd3d.com/fiche.php?cat=uhd&amp;amp;id=111 H.264 50.000fps] (in MP4, Astra DVB satellite capture sample)&lt;br /&gt;
#[http://www.demo-world.eu/download-2d-trailers-uhd/?file=samsung_seven_wonders_of_the_world_china_uhd-DWEU.mkv&amp;amp;pic=samsung_seven_wonders_of_the_world_china.jpg H.264 59.940fps] (in MKV)&lt;br /&gt;
#[http://demo-uhd3d.com/fiche.php?cat=uhd&amp;amp;id=101 HEVC 8-bit 29.970fps] (in MP4)&lt;br /&gt;
#[http://demo-uhd3d.com/fiche.php?cat=uhd&amp;amp;id=45 HEVC 10-bit 23.976fps] (in TS)&lt;br /&gt;
#[http://demo-uhd3d.com/fiche.php?cat=uhd&amp;amp;id=96 HEVC 10-bit 59.940fps] (in TS)&lt;br /&gt;
#[https://drive.google.com/open?id=0BwxFVkl63-lEdVBuZkltckdZZ0k HEVC 10-bit 59.940fps] (Korean ATSC 3.0 satellite TV capture sample)&lt;br /&gt;
#[http://hdrsamples.com/ HDR 10-bit HEVC 24.000fps] (in MP4, &#039;Exodus&#039; and &#039;Life of Pi&#039; samples)&lt;br /&gt;
#[https://drive.google.com/open?id=0BwxFVkl63-lEdU9Ma0VYc3YxSVE HDR 10-bit HEVC 25.000fps] (in TS, Astra DVB satellite capture sample; no audio) &#039;&#039;(courtesy WeTek)&#039;&#039;&lt;br /&gt;
#[http://demo-uhd3d.com/fiche.php?cat=uhd&amp;amp;id=144 HDR 10-bit HEVC 59.940fps] (in MP4, Camp by Sony)&lt;br /&gt;
#[https://drive.google.com/open?id=0BwxFVkl63-lEc3k0aldZaGtaVm8 DolbyVision 10-bit HEVC 23.976fps] (in TS, LG Comparison Demo)  &#039;&#039;(thanks soyhakan)&#039;&#039;&lt;br /&gt;
#[https://drive.google.com/open?id=0BwxFVkl63-lEWmNWcGl4eVRWS2M DolbyVision 10-bit HEVC 23.976fps] (in TS, LG Trailer)  &#039;&#039;(thanks soyhakan)&#039;&#039;&lt;br /&gt;
#[https://www.youtube.com/watch?v=s6zR2T9vn2c VP9] (open-source alternative to HEVC) (YouTube)&lt;br /&gt;
#[https://mega.nz/#!hJdFEIBI!uSOjZtkkjIVYSfqD9aSfONf1yq__uQvlsf47pCtFvdQ VP9 Profile 2 HDR #1] The World in HDR (in MKV, downloaded from YouTube) &#039;&#039;(thanks wesk05)&#039;&#039;&lt;br /&gt;
#[https://mega.nz/#!pQEGgRwY!pD9whIlM-U9tJIA-LojxSt582BAZGfdSA5wAQLT06I4 VP9 Profile 2 HDR #2] The Redwoods (in MKV, downloaded from YouTube) &#039;&#039;(thanks wesk05)&#039;&#039;&lt;br /&gt;
#[https://www.youtube.com/watch?v=nRt4Duf7GoI 5K (5120x2700) 60.000fps] (in MP4) (YouTube)&lt;br /&gt;
#[https://www.demolandia.net/downloads.php?id=60876578 HEVC 10-bit 23.976fps] (in MKV)&lt;br /&gt;
#[https://www.youtube.com/watch?v=ChOhcHD8fBA 8K (7680x4320) 29.970fps] (in MP4) (YouTube)&lt;br /&gt;
#[https://www.demolandia.net/downloads.php?id=73498539 HEVC 10-bit 23.976fps] (in MKV)&lt;br /&gt;
#[https://www.demolandia.net/downloads.php?id=99364567 HEVC 10-bit 23.976fps] (in MKV)&lt;br /&gt;
&lt;br /&gt;
==Bitrate Test Clips==&lt;br /&gt;
Media players should be able play 70Mbps or better smoothly, w/o stutters for full 1080p, and 108-128Mbps for full 4K&lt;br /&gt;
&lt;br /&gt;
*[http://jell.yfish.us/ Jellyfish, up to 400Mbps] (in H.264 and H.265 HEVC MKV) &#039;&#039;(thanks ScottAllyn01 for your useful site)&#039;&#039;&lt;br /&gt;
*[http://dl.ganjanetwork.ru/Files/Video%20Test%20Files/Bitrate/Birds/ Birds, up to 90Mbps] (in H.264 MKV or M2TS)&lt;br /&gt;
&lt;br /&gt;
==Resources for Additional Test Clips or Samples==&lt;br /&gt;
&lt;br /&gt;
*[http://bbb3d.renderfarming.net/download.html Big Buck Bunny] (test suite with 2D, 3D and 4K clips)&lt;br /&gt;
*[http://www.cnx-software.com/2010/03/17/where-to-get-video-audio-and-image-samples/ CNXSoft&#039;s samples/links]&lt;br /&gt;
*[http://www.w6rz.net/ W6RZ MPEG2 clips]&lt;br /&gt;
*[http://thedigitaltheater.com/index.php/dolby-trailers/ The Digital Theater] (several Dolby ATMOS clips)&lt;br /&gt;
*[http://www.demo-world.eu/2d-demo-trailers-hd/ Demo World trailers] (several directly linked to above)&lt;br /&gt;
*[https://www.koi-sama.net/files/hi10/ AVC High 10 Profile Anime Samples] &#039;&#039;(thanks Morien)&#039;&#039;&lt;br /&gt;
*[http://4ksamples.com/ 4Ksamples.com] (movie, sport, nature clips in 4K)&lt;br /&gt;
*[https://www.youtube.com/watch?v=k_okcNVZqqI&amp;amp;list=PLD33E5618740295DF Jacob + Katie Schwarz: We See the World in 4K] (beautiful 4K nature videos) (YouTube)&lt;br /&gt;
*[https://www.youtube.com/user/aroundtheworld4k Around the World 4K] (Cities worldwide in striking 4K) (YouTube)&lt;br /&gt;
*[https://www.youtube.com/channel/UCW35MLO96M_UVG7YzMt1I2A/videos Cities in 4K] (Similar to above) (YouTube)&lt;br /&gt;
*[https://www.youtube.com/channel/UC_3n6GTFuC4tTAojueLBTHg/playlists Manufacturer and other demos in 4K] (YouTube)&lt;br /&gt;
*[http://www.imaging-resource.com/news/2014/11/19/samsung-nx1-4k-video-samples-and-new-full-res-frame-grabs-available-for-do Imaging Resource 4K Samples] &#039;&#039;(thanks Karnis)&#039;&#039;&lt;br /&gt;
*[https://www.youtube.com/channel/UCve7_yAZHFNipzeAGBI5t9g/videos The HDR Channel] (YouTube)&lt;br /&gt;
*[http://demo-uhd3d.com/ Demo UHD 3D] (various H.265 &amp;amp; H.265 4K clips) &#039;&#039;(thanks wrxtasy)&#039;&#039;&lt;br /&gt;
*[https://x265.com/hevc-video-files/ x265 HEVC Samples]&lt;br /&gt;
*[http://www.evosiastudios.com/category/portfolio/films/ Evosia Studios] (several beautiful 1080p to 4K films)&lt;br /&gt;
*[http://www.libde265.org/downloads-videos/ libde265] (1080p to maxed-out 4K samples) &#039;&#039;(thanks Martijn)&#039;&#039;&lt;br /&gt;
*[http://timestormfilms.net/ Timestorm Films] (4K to 8K videos)&lt;br /&gt;
*[http://samples.mplayerhq.hu/ MplayerHQ&#039;s library] (many clips)&lt;br /&gt;
::{{note|&amp;lt;code&amp;gt;http://samples.mplayerhq.hu&amp;lt;/code&amp;gt; can even be added to Kodi as a video source, for easy loading, if you have a fast enough connection.}}&lt;br /&gt;
&lt;br /&gt;
== Library samples ==&lt;br /&gt;
&lt;br /&gt;
=== Ned&#039;s fake movie library ===&lt;br /&gt;
:A zipped collection of 1,000 empty movie files, with NFO files, poster, and fanart for each entry. Various movies from different years, including sequels/sets, remakes, movies named the same but unrelated, various genres, and so on. Useful for testing things like library scanning speed, library navigation, filtering, etc.&lt;br /&gt;
&lt;br /&gt;
:* https://www.dropbox.com/s/llciqryeqqk4t70/Test%20video%20library.zip?dl=0&lt;br /&gt;
&lt;br /&gt;
=== Music library ===&lt;br /&gt;
: Just the one album for now but hope to increase this over time. It&#039;s a complete album in MP3 format, tagged with Musicbrainz Picard ID3v2.3 (ID3v1 ID3v2.3) with extra genre, comment and composer tags for testing. Coverart is also included as a folder.jpg file. The album is licensed &amp;quot;Attribution-ShareAlike 3.0 Unported Creative Commons license&amp;quot; by the artist. You can download or pay for the album here if you like it. http://hungrylucy.com/album/pulse-of-the-earth&lt;br /&gt;
&lt;br /&gt;
:* https://www.dropbox.com/s/rk8ue5fs49v5pnm/Creative_Commons_Music.zip?dl=0&lt;br /&gt;
&lt;br /&gt;
=== Fake Sports TV Show library ===&lt;br /&gt;
: Here is a fake sports TV show library for use with the Kodi sports scraper. It includes a number of sports folders broken down into seasons and then events. This should work nicely with the current Sports TV scraper on the Kodi forums.&lt;br /&gt;
&lt;br /&gt;
:* https://dl.dropboxusercontent.com/u/6798079/Downloads/Sports_fake_video_files.zip&lt;br /&gt;
&lt;br /&gt;
=== Homebrew Game Roms ===&lt;br /&gt;
: This is a location to find a number of freely licensed &amp;quot;homebrew&amp;quot; console games that can be downloaded for testing with Kodi&#039;s upcoming retroplayer feature. They include NES, Gameboy and Snes titles.&lt;br /&gt;
&lt;br /&gt;
:* https://github.com/OpenEmu/OpenEmu-Update/tree/master/Homebrew&lt;br /&gt;
&lt;br /&gt;
== See also ==&lt;br /&gt;
* [[Video levels and color space]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Category:Troubleshooting]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=Live_TV_Artwork&amp;diff=131312</id>
		<title>Live TV Artwork</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=Live_TV_Artwork&amp;diff=131312"/>
		<updated>2017-12-03T21:15:02Z</updated>

		<summary type="html">&lt;p&gt;Zag: Add TVheadend extra&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Artwork_Contents}}&lt;br /&gt;
{{mininav|[[Artwork]]}}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= Introduction =&lt;br /&gt;
The Live TV section of {{kodi}} provides the facility to view Terrestrial TV through {{kodi}}. This allows you to view your local TV stations as though you were using a standalone Television or a TIVO type device. You are able to view Freeview type program guides, Record programs through Timer Rules and watch the recorded programs all without ever leaving {{kodi}}.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;section begin=&amp;quot;intro&amp;quot; /&amp;gt;{{Kodi}} provides the ability to insert the Logo of your TV Stations which then becomes visible in the program guide, on-screen displays and all channel listings, making it easy to distinguish each channel.&amp;lt;section end=&amp;quot;intro&amp;quot; /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
The two following images show some of the uses of the TV Logo&#039;s.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery widths=500px heights=285px&amp;gt;&lt;br /&gt;
File:Artwork-TVLogo01.jpg|&lt;br /&gt;
File:Artwork-TVLogo02.jpg|&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
The following are the two methods for sourcing and applying logo&#039;s in {{kodi}}.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= TVLogo Add-on =&lt;br /&gt;
The easiest method of adding logo&#039;s to the Live TV section of {{kodi}} is by using the TVLogo Downloader add-on. &amp;lt;br /&amp;gt;&lt;br /&gt;
:&#039;&#039;&#039;&#039;&#039;See: [https://github.com/enen92/script.tvlogo.downloader/releases/tag/0.0.11beta script.tvlogo.downloader]&#039;&#039;&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
This add-on is not currently in the official {{kodi}} repository. It must be downloaded from the above link and installed via zip file.&lt;br /&gt;
&lt;br /&gt;
All logo&#039;s are downloaded from TheLogoDB, which is a scraper site for TV Station logos. &amp;lt;br /&amp;gt;&lt;br /&gt;
:&#039;&#039;&#039;&#039;&#039;See: [http://www.thelogodb.com/ TheLogoDB]&#039;&#039;&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
If not all logo&#039;s are available using this method, you should consider contributing to the collection at TheLogoDB. Alternatively, use the Manual process to install the missing logo&#039;s.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
= Manual Process =&lt;br /&gt;
The Manual Process of populating {{Kodi}} with logo&#039;s requires three steps:&lt;br /&gt;
#Source Logo&#039;s &lt;br /&gt;
#Save to local drive&lt;br /&gt;
#Load into {{kodi}}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Source Logo&#039;s ==&lt;br /&gt;
Sourcing TV Station Logo&#039;s is relatively simple. Some commonly used methods to source logo&#039;s are:&lt;br /&gt;
*Google Image search&lt;br /&gt;
*Download from the official site of the TV Station&lt;br /&gt;
*Download from [http://www.thelogodb.com/ TheLogoDB Website]&lt;br /&gt;
*Create your own logo&#039;s&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Saving Logo&#039;s ==&lt;br /&gt;
Once you have sourced your logo&#039;s, they must be saved to your local hard drive. The images must conform to the image requirements detailed in the following two tables.&lt;br /&gt;
&lt;br /&gt;
Note the following:&lt;br /&gt;
*The following two tables apply &#039;&#039;&#039;only&#039;&#039;&#039; to the logo&#039;s you have manually sourced and saved. It does not apply to logo&#039;s downloaded by the add-on in the previous section.&lt;br /&gt;
*The Aspect Ratios should be respected as the image fields within skins are not adjustable. Using incorrect ratios may lead to stretching, squashing or cropping of your logo&#039;s.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;{{linear-gradient|bottom|#d8ffe2, #76c6f5}}&amp;quot;&amp;gt;&lt;br /&gt;
&#039;&#039;&#039;Required file properties:&#039;&#039;&#039;&amp;lt;br /&amp;gt;&lt;br /&gt;
&amp;lt;small&amp;gt;Note: The resolution may be increased but ensure the aspect ratio is maintained&amp;lt;/small&amp;gt;&lt;br /&gt;
{|&lt;br /&gt;
|- valign=&amp;quot;top&amp;quot;&lt;br /&gt;
| &#039;&#039;&#039;&#039;&#039;File Type&#039;&#039;&#039;&#039;&#039;&lt;br /&gt;
| &#039;&#039;&#039;&#039;&#039;Aspect Ratio&#039;&#039;&#039;&#039;&#039;&lt;br /&gt;
| &#039;&#039;&#039;&#039;&#039;Resolution- &amp;lt;small&amp;gt;recommended&amp;lt;/small&amp;gt;&#039;&#039;&#039;&#039;&#039;&lt;br /&gt;
|- valign=&amp;quot;top&amp;quot;&lt;br /&gt;
| width=150px | {{nowrap|*.png}} &lt;br /&gt;
| width=200px | {{nowrap|1.78:1}}&lt;br /&gt;
| width=200px | {{nowrap|800x450}}&lt;br /&gt;
|- valign=&amp;quot;top&amp;quot;&lt;br /&gt;
| width=200px | &#039;&#039;&#039;or&#039;&#039;&#039;&lt;br /&gt;
|- valign=&amp;quot;top&amp;quot;&lt;br /&gt;
| width=150px | {{nowrap|*.png}} &lt;br /&gt;
| width=200px | {{nowrap|1.:1}}&lt;br /&gt;
| width=200px | {{nowrap|450x450}}&lt;br /&gt;
|}&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;{{linear-gradient|top|#d8ffe2, #76c6f5}}&amp;quot;&amp;gt;&lt;br /&gt;
&#039;&#039;&#039;&#039;&#039;Naming and Saving conventions for your own manually sourced logo&#039;s:&#039;&#039;&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Logo&#039;s can be saved in any location as {{kodi}} does not search or scrape logo&#039;s. The only requirement is that the logged-in User has read permission for the folder where the logo&#039;s are saved.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Loading Logo&#039;s ==&lt;br /&gt;
{{red|The following is based on NextPVR}}&lt;br /&gt;
&lt;br /&gt;
From within {{kodi}} it is possible to manually add or remove logos by following these directions:&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery widths=400px heights=225px&amp;gt;&lt;br /&gt;
File:Artwork-TVLogo09.jpg|Image 1- Set the Logo folder&lt;br /&gt;
File:Artwork-TVLogo10.jpg|Image 2- Enable &amp;quot;Show Icons&amp;quot; option&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
:1. In the [[Settings/TV/Menu_OSD#Icons|PVR Settings menu]] set the folder which contains the logo&#039;s as shown in image 1&lt;br /&gt;
:2. Back to the PVR Homescreen, pull out the Sideblade menu and ensure &amp;quot;Show Icons&amp;quot; is enabled (image 2)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery widths=400px heights=225px&amp;gt;&lt;br /&gt;
File:Artwork-TVLogo03.jpg|Image 3- Highlight channel to be modified&lt;br /&gt;
File:Artwork-TVLogo04.jpg|Image 4- Call up the Context menu and select &#039;&#039;&#039;Manage&#039;&#039;&#039;&lt;br /&gt;
File:Artwork-TVLogo05.jpg|Image 5- Select &#039;&#039;&#039;Channel manager&#039;&#039;&#039;&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
:3. From the TV Channel listing, highlight the channel that will have the logo set (image 3)&lt;br /&gt;
:4. Call up the Context Menu and select &#039;&#039;&#039;Manage&#039;&#039;&#039; (image 4)&lt;br /&gt;
:5. From the Manage Context menu, select &#039;&#039;&#039;Channel manager&#039;&#039;&#039; (image 5)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;gallery widths=400px heights=225px&amp;gt;&lt;br /&gt;
File:Artwork-TVLogo06.jpg|Image 6- Select &#039;&#039;&#039;Channel icon&#039;&#039;&#039; &lt;br /&gt;
File:Artwork-TVLogo07.jpg|Image 7- Select &#039;&#039;&#039;Browse&#039;&#039;&#039;&lt;br /&gt;
File:Artwork-TVLogo08.jpg|Image 8- Select &#039;&#039;&#039;Channel icons&#039;&#039;&#039;&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
&lt;br /&gt;
:6. From the &#039;&#039;&#039;Channel manager&#039;&#039;&#039; page, scroll to the desired channel. Once the channel is highlighted, move to the right column and select &#039;&#039;&#039;Channel icon:&#039;&#039;&#039; (image 6)&lt;br /&gt;
:7. From the &#039;&#039;&#039;Browse for icon&#039;&#039;&#039; page, select &#039;&#039;&#039;Browse&#039;&#039;&#039; or other appropriate option (image 7)&lt;br /&gt;
:8. From the &#039;&#039;&#039;Browse for icon&#039;&#039;&#039; page, select &#039;&#039;&#039;Channel icons&#039;&#039;&#039; which is the folder you set in the Settings page in image 1 above (image 8)&lt;br /&gt;
:9. Select the appropriate logo and press &#039;&#039;&#039;OK&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
If loading multiple logos, repeat from Step 3.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
{{red|The following is based on TVheadend}}&lt;br /&gt;
&lt;br /&gt;
If you are using TVHeadend as your TV server, then it is possible to add logos using it&#039;s web admin interface.&lt;br /&gt;
 &lt;br /&gt;
You will need to host the logos somewhere on an internal web server or external. &lt;br /&gt;
&lt;br /&gt;
Then you can add the logos in the &amp;quot;User Icon&amp;quot; field manager (TVHeadend web page &amp;gt;&amp;gt; Configuration &amp;gt;&amp;gt; Channel / EPG):&lt;br /&gt;
&lt;br /&gt;
[[File:TVHeadend_logo.png]]&lt;br /&gt;
&lt;br /&gt;
{{Top}}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;{{linear-gradient|right|#d8ffe2, #76c6f5}}&amp;quot;&amp;gt;{{next|[[PVR|Live TV Guide]]}} &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Category:PVR]]&lt;br /&gt;
[[Category:Live TV]]&lt;br /&gt;
&lt;br /&gt;
{{updated|17}}&lt;br /&gt;
[[Category:FAQ]]&lt;br /&gt;
[[Category:Index]]&lt;br /&gt;
[[Category:Guides]]&lt;br /&gt;
[[Category:Manual]]&lt;br /&gt;
[[Category:Video library]]&lt;br /&gt;
[[Category:Advanced topics]]&lt;br /&gt;
[[Category:First time user]]&lt;br /&gt;
[[Category:Quick Start Guide]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:TVHeadend_logo.png&amp;diff=131311</id>
		<title>File:TVHeadend logo.png</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:TVHeadend_logo.png&amp;diff=131311"/>
		<updated>2017-12-03T21:10:49Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=HOW-TO:Estuary_Modification&amp;diff=131222</id>
		<title>HOW-TO:Estuary Modification</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=HOW-TO:Estuary_Modification&amp;diff=131222"/>
		<updated>2017-11-08T22:27:47Z</updated>

		<summary type="html">&lt;p&gt;Zag: /* More advanced edits */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Introduction==&lt;br /&gt;
Estuary is Kodi&#039;s default skin, so it makes a good example of how to get start with editing a skin&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary-logo.png]]&lt;br /&gt;
&lt;br /&gt;
== Setting up a developer environment for skinning ==&lt;br /&gt;
First thing we need to do is setup a simple skin development environment:&lt;br /&gt;
&lt;br /&gt;
To get the most out of it you&#039;ll need to either make a new keymap.xml or add this to your existing one.&lt;br /&gt;
&lt;br /&gt;
 &amp;lt;keymap&amp;gt;&lt;br /&gt;
    &amp;lt;global&amp;gt;&lt;br /&gt;
        &amp;lt;keyboard&amp;gt;&lt;br /&gt;
            &amp;lt;F5&amp;gt;XBMC.ReloadSkin()&amp;lt;/F5&amp;gt;&lt;br /&gt;
            &amp;lt;F7&amp;gt;Notification(Testing 123,Hello world)&amp;lt;/F7&amp;gt;&lt;br /&gt;
            &amp;lt;F8&amp;gt;Skin.ToggleDebug()&amp;lt;/F8&amp;gt;&lt;br /&gt;
        &amp;lt;/keyboard&amp;gt;&lt;br /&gt;
    &amp;lt;/global&amp;gt;&lt;br /&gt;
 &amp;lt;/keymap&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[File:Keymap_xml.jpg]]&lt;br /&gt;
&lt;br /&gt;
You will need to copy this keymap.xml file into the Kodi userdata folder. In our example, we are using windows so I have copied this file into the C:\Users\user\AppData\Roaming\Kodi\userdata\keymaps folder.&lt;br /&gt;
&lt;br /&gt;
Now we need a text editor to actually edit the files. Any text editor will work but we recommend something that can open multiple files at once such as Sublime Text or Notepad++&lt;br /&gt;
&lt;br /&gt;
== Testing your enviroment ==&lt;br /&gt;
&lt;br /&gt;
Lets launch Kodi and try out our new skinners keymap features.&lt;br /&gt;
&lt;br /&gt;
The following keys will then activate the corresponding action:&lt;br /&gt;
&lt;br /&gt;
 F5 - Reload skin (&#039;&#039;used to see any changes instantly without restarting XBMC&#039;&#039;)&lt;br /&gt;
 F7 - Activated the KaiDialogToast.xml (&#039;&#039;used to display the notification dialog&#039;&#039;)&lt;br /&gt;
 F8 - Show/Hide the Debug Info (&#039;&#039;used to display the currently active windows or dialogs&#039;&#039;)&lt;br /&gt;
&lt;br /&gt;
As you can see all these features are incredibly important to a skinner.&lt;br /&gt;
&lt;br /&gt;
[[File:Skinners_keymap_kodi.jpg]]&lt;br /&gt;
&lt;br /&gt;
== Structure of Estuary ==&lt;br /&gt;
The default skin is very nicely laid out in actually quite a simple way. In our case on Windows, you can access the skin files in this folder C:\Program Files (x86)\Kodi\addons\skin.estuary\xml&lt;br /&gt;
&lt;br /&gt;
Below are some explanations of the files you will see in the Estuary XML folder:&lt;br /&gt;
&lt;br /&gt;
The file &amp;quot;Home.xml&amp;quot; is the basic home screen you see on first load of Kodi.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;My&amp;quot; are the main sub windows from the main screen such as Music or TVShows.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Includes_&amp;quot; are all files that incorporate common elements that can be used all over the skin.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Dialogue_&amp;quot; are all popups you see in the use of Kodi&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;View_&amp;quot; are all the specific views you see in the skin, such as wide list or the Poster view for example.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Settings&amp;quot; are simply to detail the settings menu.&lt;br /&gt;
&lt;br /&gt;
As you can probably tell, editing a skin is actually pretty logical and great effort has been made by the original developers to make it easy to understand.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Making your first skin edit ==&lt;br /&gt;
&lt;br /&gt;
As an example here, I am going to show you how to add a feature that was important to me but missing in the standard Estuary release.&lt;br /&gt;
&lt;br /&gt;
This example will show you how to add a music rating to the wide list view.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary mod music1.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Currently the rating only shows under the album artwork when you have a single track focused on the right.&lt;br /&gt;
&lt;br /&gt;
I will change this so that every rating shows next to each track name even when not focused.&lt;br /&gt;
&lt;br /&gt;
First thing we need to do is find out what files to edit. Now this is pretty easy because we can press F8 on the keyboard to see the debug screen in Kodi.&lt;br /&gt;
&lt;br /&gt;
Now browse to the screen you want to edit in Kodi and the debug text will change. In this case its changed to &amp;quot;MyMusicNav.xml&amp;quot; and Focus is &amp;quot;55 (Fixed list)&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music2.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
So go ahead and open these 2 files: &amp;quot;MyMusicNav.xml&amp;quot; and &amp;quot;View_55_WideList.xml&amp;quot;. Its also important that we open the &amp;quot;includes.xml&amp;quot; file as this has many common elements that will help us.&lt;br /&gt;
&lt;br /&gt;
At this point you may find it useful to start test deleting bits of the &amp;quot;View_55_WideList.xml&amp;quot;. Try deleting different containers and control elements in the XML file. &lt;br /&gt;
&lt;br /&gt;
You should quickly learn what bits do what with this method. For example if I remove the &amp;lt;itemlayout height=&amp;quot;80&amp;quot; condition=&amp;quot;Container.Content(songs)&amp;quot;&amp;gt; code section, all the track listings disappear!&lt;br /&gt;
&lt;br /&gt;
Now we know what bits do what, we can start to edit. Lets look at this code:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary mod music3.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
As you can see, its quite simple. This code shows the duration of the track on the widelist music screen. You can see where the control is positioned, how its aligned and what colour it is. In this case its grey.&lt;br /&gt;
&lt;br /&gt;
As a quick test lets change the colour to yellow! Just change &amp;quot;&amp;lt;textcolor&amp;gt;grey&amp;lt;/textcolor&amp;gt;&amp;quot; to &amp;quot;&amp;lt;textcolor&amp;gt;yellow&amp;lt;/textcolor&amp;gt;&amp;quot;. Go back to Kodi and hit F5 on the keyboard and all your track lengths go yellow!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music4.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Magic! Now lets try adding some text instead of the duration, just as a test. Just change &amp;quot;&amp;lt;label&amp;gt;$INFO[ListItem.Label2]&amp;lt;/label&amp;gt;&amp;quot; to &amp;quot;&amp;lt;label&amp;gt;Blah!&amp;lt;/label&amp;gt;&amp;quot;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music6.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
OK so that was fun, but its probably best to change that back now. Undo(ctrl + z) and redo(ctrl + y) are your friends while testing :)&lt;br /&gt;
&lt;br /&gt;
So lets actually get on with our modification, what we need to do is find out what label the user rating is. To find this out we need to look in the &amp;quot;includes.xml&amp;quot; file as the rating star resides in there as its a re-usable element all over the skin.&lt;br /&gt;
&lt;br /&gt;
You can do a quick text search &amp;quot;Ctrl + s&amp;quot; and look for &amp;quot;rating&amp;quot;. Easy huh!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music5.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
This looks quite complicated (and it is a little due to the settings in there) but actually it just shows a rating &amp;quot;circle&amp;quot; with either the user or the overall rating inside it.&lt;br /&gt;
&lt;br /&gt;
What we are really looking for here is the infolabel string. We&#039;ve circled it above as ListItem.UserRating so lets copy (Ctrl + c) that simple string for use later.&lt;br /&gt;
&lt;br /&gt;
We don&#039;t need to do anything more with the includes file at this time but hopefully you can see the power of using re-usable elements in this file.&lt;br /&gt;
&lt;br /&gt;
So now go back to your &amp;quot;View_55_WideList.xml&amp;quot; file and lets add a new control. All we are going to do is copy the duration control to just below.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music7.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
As you can see from the screenshot we now have a new control which has been modified with a few new values.&lt;br /&gt;
&lt;br /&gt;
We&#039;ve changed the position of the control to be slightly to the left of the song duration control.&lt;br /&gt;
&lt;br /&gt;
We&#039;ve also changed the colour to yellow and the label to our rating listitem. In this case its: &amp;quot;$INFO[ListItem.UserRating]&amp;quot;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music8.jpg]]&lt;br /&gt;
&lt;br /&gt;
Right, that&#039;s it. We have managed to get the rating to show on each song track listing. Our objective has been achieved!&lt;br /&gt;
&lt;br /&gt;
This example is obviously not complete, we need to change the control that is selected to also show the rating and possibly change the actual rating to star images but you get the idea!&lt;br /&gt;
&lt;br /&gt;
Editing skins is easy, logical and quick once you get used to it. Good luck and let us know how you get on.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== More advanced edits ==&lt;br /&gt;
&lt;br /&gt;
Just to complete this guide, lets try and add some graphical stars to the widelist view, while also adding the focused stars.&lt;br /&gt;
&lt;br /&gt;
Lets change the code we added earlier to an image control&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_rating_image_control.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Notice we are now adding an image control, with a texture that is calling a specific filename. In this case it is a star rating of 1-10 with half stars to make it shorter.&lt;br /&gt;
&lt;br /&gt;
And we end up with something like this!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_rating_mod4.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Last but not least, we need to add a new control for when the song is in focus by the user. This will ensure that the stars do not disappear when the user moves over each song with the selection bar.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_rating_image_control.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
So all we have done is copy the same code again and put it this time in the control, that is visible when &amp;quot;HasFocus&amp;quot; is selected.&lt;br /&gt;
&lt;br /&gt;
All done!&lt;br /&gt;
&lt;br /&gt;
== See also ==&lt;br /&gt;
&#039;&#039;&#039;Development:&#039;&#039;&#039;&lt;br /&gt;
* [[Add-on development]]&lt;br /&gt;
* [[Skinning]]&lt;br /&gt;
&lt;br /&gt;
[[Category:Skin development]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=HOW-TO:Estuary_Modification&amp;diff=131221</id>
		<title>HOW-TO:Estuary Modification</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=HOW-TO:Estuary_Modification&amp;diff=131221"/>
		<updated>2017-11-08T22:26:24Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Introduction==&lt;br /&gt;
Estuary is Kodi&#039;s default skin, so it makes a good example of how to get start with editing a skin&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary-logo.png]]&lt;br /&gt;
&lt;br /&gt;
== Setting up a developer environment for skinning ==&lt;br /&gt;
First thing we need to do is setup a simple skin development environment:&lt;br /&gt;
&lt;br /&gt;
To get the most out of it you&#039;ll need to either make a new keymap.xml or add this to your existing one.&lt;br /&gt;
&lt;br /&gt;
 &amp;lt;keymap&amp;gt;&lt;br /&gt;
    &amp;lt;global&amp;gt;&lt;br /&gt;
        &amp;lt;keyboard&amp;gt;&lt;br /&gt;
            &amp;lt;F5&amp;gt;XBMC.ReloadSkin()&amp;lt;/F5&amp;gt;&lt;br /&gt;
            &amp;lt;F7&amp;gt;Notification(Testing 123,Hello world)&amp;lt;/F7&amp;gt;&lt;br /&gt;
            &amp;lt;F8&amp;gt;Skin.ToggleDebug()&amp;lt;/F8&amp;gt;&lt;br /&gt;
        &amp;lt;/keyboard&amp;gt;&lt;br /&gt;
    &amp;lt;/global&amp;gt;&lt;br /&gt;
 &amp;lt;/keymap&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[File:Keymap_xml.jpg]]&lt;br /&gt;
&lt;br /&gt;
You will need to copy this keymap.xml file into the Kodi userdata folder. In our example, we are using windows so I have copied this file into the C:\Users\user\AppData\Roaming\Kodi\userdata\keymaps folder.&lt;br /&gt;
&lt;br /&gt;
Now we need a text editor to actually edit the files. Any text editor will work but we recommend something that can open multiple files at once such as Sublime Text or Notepad++&lt;br /&gt;
&lt;br /&gt;
== Testing your enviroment ==&lt;br /&gt;
&lt;br /&gt;
Lets launch Kodi and try out our new skinners keymap features.&lt;br /&gt;
&lt;br /&gt;
The following keys will then activate the corresponding action:&lt;br /&gt;
&lt;br /&gt;
 F5 - Reload skin (&#039;&#039;used to see any changes instantly without restarting XBMC&#039;&#039;)&lt;br /&gt;
 F7 - Activated the KaiDialogToast.xml (&#039;&#039;used to display the notification dialog&#039;&#039;)&lt;br /&gt;
 F8 - Show/Hide the Debug Info (&#039;&#039;used to display the currently active windows or dialogs&#039;&#039;)&lt;br /&gt;
&lt;br /&gt;
As you can see all these features are incredibly important to a skinner.&lt;br /&gt;
&lt;br /&gt;
[[File:Skinners_keymap_kodi.jpg]]&lt;br /&gt;
&lt;br /&gt;
== Structure of Estuary ==&lt;br /&gt;
The default skin is very nicely laid out in actually quite a simple way. In our case on Windows, you can access the skin files in this folder C:\Program Files (x86)\Kodi\addons\skin.estuary\xml&lt;br /&gt;
&lt;br /&gt;
Below are some explanations of the files you will see in the Estuary XML folder:&lt;br /&gt;
&lt;br /&gt;
The file &amp;quot;Home.xml&amp;quot; is the basic home screen you see on first load of Kodi.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;My&amp;quot; are the main sub windows from the main screen such as Music or TVShows.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Includes_&amp;quot; are all files that incorporate common elements that can be used all over the skin.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Dialogue_&amp;quot; are all popups you see in the use of Kodi&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;View_&amp;quot; are all the specific views you see in the skin, such as wide list or the Poster view for example.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Settings&amp;quot; are simply to detail the settings menu.&lt;br /&gt;
&lt;br /&gt;
As you can probably tell, editing a skin is actually pretty logical and great effort has been made by the original developers to make it easy to understand.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Making your first skin edit ==&lt;br /&gt;
&lt;br /&gt;
As an example here, I am going to show you how to add a feature that was important to me but missing in the standard Estuary release.&lt;br /&gt;
&lt;br /&gt;
This example will show you how to add a music rating to the wide list view.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary mod music1.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Currently the rating only shows under the album artwork when you have a single track focused on the right.&lt;br /&gt;
&lt;br /&gt;
I will change this so that every rating shows next to each track name even when not focused.&lt;br /&gt;
&lt;br /&gt;
First thing we need to do is find out what files to edit. Now this is pretty easy because we can press F8 on the keyboard to see the debug screen in Kodi.&lt;br /&gt;
&lt;br /&gt;
Now browse to the screen you want to edit in Kodi and the debug text will change. In this case its changed to &amp;quot;MyMusicNav.xml&amp;quot; and Focus is &amp;quot;55 (Fixed list)&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music2.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
So go ahead and open these 2 files: &amp;quot;MyMusicNav.xml&amp;quot; and &amp;quot;View_55_WideList.xml&amp;quot;. Its also important that we open the &amp;quot;includes.xml&amp;quot; file as this has many common elements that will help us.&lt;br /&gt;
&lt;br /&gt;
At this point you may find it useful to start test deleting bits of the &amp;quot;View_55_WideList.xml&amp;quot;. Try deleting different containers and control elements in the XML file. &lt;br /&gt;
&lt;br /&gt;
You should quickly learn what bits do what with this method. For example if I remove the &amp;lt;itemlayout height=&amp;quot;80&amp;quot; condition=&amp;quot;Container.Content(songs)&amp;quot;&amp;gt; code section, all the track listings disappear!&lt;br /&gt;
&lt;br /&gt;
Now we know what bits do what, we can start to edit. Lets look at this code:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary mod music3.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
As you can see, its quite simple. This code shows the duration of the track on the widelist music screen. You can see where the control is positioned, how its aligned and what colour it is. In this case its grey.&lt;br /&gt;
&lt;br /&gt;
As a quick test lets change the colour to yellow! Just change &amp;quot;&amp;lt;textcolor&amp;gt;grey&amp;lt;/textcolor&amp;gt;&amp;quot; to &amp;quot;&amp;lt;textcolor&amp;gt;yellow&amp;lt;/textcolor&amp;gt;&amp;quot;. Go back to Kodi and hit F5 on the keyboard and all your track lengths go yellow!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music4.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Magic! Now lets try adding some text instead of the duration, just as a test. Just change &amp;quot;&amp;lt;label&amp;gt;$INFO[ListItem.Label2]&amp;lt;/label&amp;gt;&amp;quot; to &amp;quot;&amp;lt;label&amp;gt;Blah!&amp;lt;/label&amp;gt;&amp;quot;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music6.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
OK so that was fun, but its probably best to change that back now. Undo(ctrl + z) and redo(ctrl + y) are your friends while testing :)&lt;br /&gt;
&lt;br /&gt;
So lets actually get on with our modification, what we need to do is find out what label the user rating is. To find this out we need to look in the &amp;quot;includes.xml&amp;quot; file as the rating star resides in there as its a re-usable element all over the skin.&lt;br /&gt;
&lt;br /&gt;
You can do a quick text search &amp;quot;Ctrl + s&amp;quot; and look for &amp;quot;rating&amp;quot;. Easy huh!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music5.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
This looks quite complicated (and it is a little due to the settings in there) but actually it just shows a rating &amp;quot;circle&amp;quot; with either the user or the overall rating inside it.&lt;br /&gt;
&lt;br /&gt;
What we are really looking for here is the infolabel string. We&#039;ve circled it above as ListItem.UserRating so lets copy (Ctrl + c) that simple string for use later.&lt;br /&gt;
&lt;br /&gt;
We don&#039;t need to do anything more with the includes file at this time but hopefully you can see the power of using re-usable elements in this file.&lt;br /&gt;
&lt;br /&gt;
So now go back to your &amp;quot;View_55_WideList.xml&amp;quot; file and lets add a new control. All we are going to do is copy the duration control to just below.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music7.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
As you can see from the screenshot we now have a new control which has been modified with a few new values.&lt;br /&gt;
&lt;br /&gt;
We&#039;ve changed the position of the control to be slightly to the left of the song duration control.&lt;br /&gt;
&lt;br /&gt;
We&#039;ve also changed the colour to yellow and the label to our rating listitem. In this case its: &amp;quot;$INFO[ListItem.UserRating]&amp;quot;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music8.jpg]]&lt;br /&gt;
&lt;br /&gt;
Right, that&#039;s it. We have managed to get the rating to show on each song track listing. Our objective has been achieved!&lt;br /&gt;
&lt;br /&gt;
This example is obviously not complete, we need to change the control that is selected to also show the rating and possibly change the actual rating to star images but you get the idea!&lt;br /&gt;
&lt;br /&gt;
Editing skins is easy, logical and quick once you get used to it. Good luck and let us know how you get on.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== More advanced edits ==&lt;br /&gt;
&lt;br /&gt;
Just to complete this guide, lets try and add some graphical stars to the widelist view, while also adding the focused stars.&lt;br /&gt;
&lt;br /&gt;
Lets change the code we added earlier to an image control&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_rating_image_control.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
And we end up with something like this!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_rating_mod4.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Last but not least, we need to add a new control for when the song is in focus by the user. This will ensure that the stars do not disappear when the user moves over each song with the selection bar.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_rating_image_control.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
So all we have done is copy the same code again and put it this time in the control, that is visible when &amp;quot;HasFocus&amp;quot; is selected.&lt;br /&gt;
&lt;br /&gt;
All done!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== See also ==&lt;br /&gt;
&#039;&#039;&#039;Development:&#039;&#039;&#039;&lt;br /&gt;
* [[Add-on development]]&lt;br /&gt;
* [[Skinning]]&lt;br /&gt;
&lt;br /&gt;
[[Category:Skin development]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:Estuary_rating_image_control.jpg&amp;diff=131220</id>
		<title>File:Estuary rating image control.jpg</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:Estuary_rating_image_control.jpg&amp;diff=131220"/>
		<updated>2017-11-08T22:23:42Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:Estuary_rating_mod4.jpg&amp;diff=131219</id>
		<title>File:Estuary rating mod4.jpg</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:Estuary_rating_mod4.jpg&amp;diff=131219"/>
		<updated>2017-11-08T22:18:50Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:Estuary_rating_mod2.jpg&amp;diff=131218</id>
		<title>File:Estuary rating mod2.jpg</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:Estuary_rating_mod2.jpg&amp;diff=131218"/>
		<updated>2017-11-08T22:16:55Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=Skinning&amp;diff=131217</id>
		<title>Skinning</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=Skinning&amp;diff=131217"/>
		<updated>2017-11-08T21:15:36Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{mininav|[[Development]]}}&lt;br /&gt;
&lt;br /&gt;
{{Kodi}} is noted as having a very flexible and robust framework for its GUI, making theme-skinning and personal customization very accessible. Users can create their own skin (or modify an existing skin) and share it with others. &#039;&#039;[[Confluence]]&#039;&#039; is the official skin.&lt;br /&gt;
&lt;br /&gt;
== General ==&lt;br /&gt;
{| width=&amp;quot;100%&amp;quot;&lt;br /&gt;
|- valign=&amp;quot;top&amp;quot;&lt;br /&gt;
| width=&amp;quot;25%&amp;quot; align=&amp;quot;center&amp;quot; | {{Main page icon|image=Nuvola apps kthememgr.png|link=Skin development introduction}}&lt;br /&gt;
| width=&amp;quot;25%&amp;quot; align=&amp;quot;center&amp;quot; | {{Main page icon|image=Applications-development.png|link=Skin structure|title=Skin structure}}&lt;br /&gt;
| width=&amp;quot;25%&amp;quot; align=&amp;quot;center&amp;quot; | {{Main page icon|image=Book icon 1.png|link=XBMC Skinning Manual|title={{kodi}} skinning manual}}&lt;br /&gt;
| width=&amp;quot;25%&amp;quot; align=&amp;quot;center&amp;quot; | {{Main page icon|image=Administration.png|link=Skin development tools}}&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Tutorials ==&lt;br /&gt;
{| width=&amp;quot;100%&amp;quot;&lt;br /&gt;
|- valign=&amp;quot;top&amp;quot;&lt;br /&gt;
| width=&amp;quot;33%&amp;quot; align=&amp;quot;center&amp;quot; | {{Main page icon|image=Gnome-preferences-desktop-wallpaper.png|link=First skin tutorial}}&lt;br /&gt;
| width=&amp;quot;33%&amp;quot; align=&amp;quot;center&amp;quot; | {{Main page icon|image=Go-home-2.png|link=HOW-TO:Edit the home screen skin files|title=Home screen tutorial}}&lt;br /&gt;
| width=&amp;quot;33%&amp;quot; align=&amp;quot;center&amp;quot; | {{Main page icon|image=Inkscape icons dialog messages.png|link=HOW-TO:Make a dialog popup automatically with another one via skinning|title=Popup tutorial}}&lt;br /&gt;
|- valign=&amp;quot;top&amp;quot;&lt;br /&gt;
| width=&amp;quot;33%&amp;quot; align=&amp;quot;center&amp;quot; | {{Main page icon|image=Weather-sun-clouds-some-rain.png|link=HOW-TO:Enable weather info display for the home screen via skinning|title=Weather info tutorial}}&lt;br /&gt;
| width=&amp;quot;33%&amp;quot; align=&amp;quot;center&amp;quot; | {{Main page icon|image=Crystal Project window list.png‎|link=HOW-TO:Add a new window or dialog via skinning|title=New dialog tutorial}}&lt;br /&gt;
| width=&amp;quot;33%&amp;quot; align=&amp;quot;center&amp;quot; | {{Main page icon|image=Crystal Clear app fonts.png|link=HOW-TO:Add a new true type font to the skin|title=Adding fonts tutorial}}&lt;br /&gt;
|- valign=&amp;quot;top&amp;quot;&lt;br /&gt;
| width=&amp;quot;33%&amp;quot; align=&amp;quot;center&amp;quot; |&lt;br /&gt;
| width=&amp;quot;33%&amp;quot; align=&amp;quot;center&amp;quot; | {{Main page icon|image=Estuary-edit-icon2.png|link=Estuary Modification}}&lt;br /&gt;
| width=&amp;quot;33%&amp;quot; align=&amp;quot;center&amp;quot; |&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
[[Category:Add-on development|*]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:Estuary-edit-icon2.png&amp;diff=131216</id>
		<title>File:Estuary-edit-icon2.png</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:Estuary-edit-icon2.png&amp;diff=131216"/>
		<updated>2017-11-08T21:15:29Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=HOW-TO:Estuary_Modification&amp;diff=131215</id>
		<title>HOW-TO:Estuary Modification</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=HOW-TO:Estuary_Modification&amp;diff=131215"/>
		<updated>2017-11-08T21:13:52Z</updated>

		<summary type="html">&lt;p&gt;Zag: /* Testing your enviroment */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Introduction==&lt;br /&gt;
Estuary is Kodi&#039;s default skin, so it makes a good example of how to get start with editing a skin&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary-logo.png]]&lt;br /&gt;
&lt;br /&gt;
== Setting up a developer environment for skinning ==&lt;br /&gt;
First thing we need to do is setup a simple skin development environment:&lt;br /&gt;
&lt;br /&gt;
To get the most out of it you&#039;ll need to either make a new keymap.xml or add this to your existing one.&lt;br /&gt;
&lt;br /&gt;
 &amp;lt;keymap&amp;gt;&lt;br /&gt;
    &amp;lt;global&amp;gt;&lt;br /&gt;
        &amp;lt;keyboard&amp;gt;&lt;br /&gt;
            &amp;lt;F5&amp;gt;XBMC.ReloadSkin()&amp;lt;/F5&amp;gt;&lt;br /&gt;
            &amp;lt;F7&amp;gt;Notification(Testing 123,Hello world)&amp;lt;/F7&amp;gt;&lt;br /&gt;
            &amp;lt;F8&amp;gt;Skin.ToggleDebug()&amp;lt;/F8&amp;gt;&lt;br /&gt;
        &amp;lt;/keyboard&amp;gt;&lt;br /&gt;
    &amp;lt;/global&amp;gt;&lt;br /&gt;
 &amp;lt;/keymap&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[File:Keymap_xml.jpg]]&lt;br /&gt;
&lt;br /&gt;
You will need to copy this keymap.xml file into the Kodi userdata folder. In our example, we are using windows so I have copied this file into the C:\Users\user\AppData\Roaming\Kodi\userdata\keymaps folder.&lt;br /&gt;
&lt;br /&gt;
Now we need a text editor to actually edit the files. Any text editor will work but we recommend something that can open multiple files at once such as Sublime Text or Notepad++&lt;br /&gt;
&lt;br /&gt;
== Testing your enviroment ==&lt;br /&gt;
&lt;br /&gt;
Lets launch Kodi and try out our new skinners keymap features.&lt;br /&gt;
&lt;br /&gt;
The following keys will then activate the corresponding action:&lt;br /&gt;
&lt;br /&gt;
 F5 - Reload skin (&#039;&#039;used to see any changes instantly without restarting XBMC&#039;&#039;)&lt;br /&gt;
 F7 - Activated the KaiDialogToast.xml (&#039;&#039;used to display the notification dialog&#039;&#039;)&lt;br /&gt;
 F8 - Show/Hide the Debug Info (&#039;&#039;used to display the currently active windows or dialogs&#039;&#039;)&lt;br /&gt;
&lt;br /&gt;
As you can see all these features are incredibly important to a skinner.&lt;br /&gt;
&lt;br /&gt;
[[File:Skinners_keymap_kodi.jpg]]&lt;br /&gt;
&lt;br /&gt;
== Structure of Estuary ==&lt;br /&gt;
The default skin is very nicely laid out in actually quite a simple way. In our case on Windows, you can access the skin files in this folder C:\Program Files (x86)\Kodi\addons\skin.estuary\xml&lt;br /&gt;
&lt;br /&gt;
Below are some explanations of the files you will see in the Estuary XML folder:&lt;br /&gt;
&lt;br /&gt;
The file &amp;quot;Home.xml&amp;quot; is the basic home screen you see on first load of Kodi.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;My&amp;quot; are the main sub windows from the main screen such as Music or TVShows.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Includes_&amp;quot; are all files that incorporate common elements that can be used all over the skin.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Dialogue_&amp;quot; are all popups you see in the use of Kodi&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;View_&amp;quot; are all the specific views you see in the skin, such as wide list or the Poster view for example.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Settings&amp;quot; are simply to detail the settings menu.&lt;br /&gt;
&lt;br /&gt;
As you can probably tell, editing a skin is actually pretty logical and great effort has been made by the original developers to make it easy to understand.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Making your first skin edit ==&lt;br /&gt;
&lt;br /&gt;
As an example here, I am going to show you how to add a feature that was important to me but missing in the standard Estuary release.&lt;br /&gt;
&lt;br /&gt;
This example will show you how to add a music rating to the wide list view.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary mod music1.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Currently the rating only shows under the album artwork when you have a single track focused on the right.&lt;br /&gt;
&lt;br /&gt;
I will change this so that every rating shows next to each track name even when not focused.&lt;br /&gt;
&lt;br /&gt;
First thing we need to do is find out what files to edit. Now this is pretty easy because we can press F8 on the keyboard to see the debug screen in Kodi.&lt;br /&gt;
&lt;br /&gt;
Now browse to the screen you want to edit in Kodi and the debug text will change. In this case its changed to &amp;quot;MyMusicNav.xml&amp;quot; and Focus is &amp;quot;55 (Fixed list)&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music2.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
So go ahead and open these 2 files: &amp;quot;MyMusicNav.xml&amp;quot; and &amp;quot;View_55_WideList.xml&amp;quot;. Its also important that we open the &amp;quot;includes.xml&amp;quot; file as this has many common elements that will help us.&lt;br /&gt;
&lt;br /&gt;
At this point you may find it useful to start test deleting bits of the &amp;quot;View_55_WideList.xml&amp;quot;. Try deleting different containers and control elements in the XML file. &lt;br /&gt;
&lt;br /&gt;
You should quickly learn what bits do what with this method. For example if I remove the &amp;lt;itemlayout height=&amp;quot;80&amp;quot; condition=&amp;quot;Container.Content(songs)&amp;quot;&amp;gt; code section, all the track listings disappear!&lt;br /&gt;
&lt;br /&gt;
Now we know what bits do what, we can start to edit. Lets look at this code:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary mod music3.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
As you can see, its quite simple. This code shows the duration of the track on the widelist music screen. You can see where the control is positioned, how its aligned and what colour it is. In this case its grey.&lt;br /&gt;
&lt;br /&gt;
As a quick test lets change the colour to yellow! Just change &amp;quot;&amp;lt;textcolor&amp;gt;grey&amp;lt;/textcolor&amp;gt;&amp;quot; to &amp;quot;&amp;lt;textcolor&amp;gt;yellow&amp;lt;/textcolor&amp;gt;&amp;quot;. Go back to Kodi and hit F5 on the keyboard and all your track lengths go yellow!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music4.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Magic! Now lets try adding some text instead of the duration, just as a test. Just change &amp;quot;&amp;lt;label&amp;gt;$INFO[ListItem.Label2]&amp;lt;/label&amp;gt;&amp;quot; to &amp;quot;&amp;lt;label&amp;gt;Blah!&amp;lt;/label&amp;gt;&amp;quot;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music6.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
OK so that was fun, but its probably best to change that back now. Undo(ctrl + z) and redo(ctrl + y) are your friends while testing :)&lt;br /&gt;
&lt;br /&gt;
So lets actually get on with our modification, what we need to do is find out what label the user rating is. To find this out we need to look in the &amp;quot;includes.xml&amp;quot; file as the rating star resides in there as its a re-usable element all over the skin.&lt;br /&gt;
&lt;br /&gt;
You can do a quick text search &amp;quot;Ctrl + s&amp;quot; and look for &amp;quot;rating&amp;quot;. Easy huh!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music5.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
This looks quite complicated (and it is a little due to the settings in there) but actually it just shows a rating &amp;quot;circle&amp;quot; with either the user or the overall rating inside it.&lt;br /&gt;
&lt;br /&gt;
What we are really looking for here is the infolabel string. We&#039;ve circled it above as ListItem.UserRating so lets copy (Ctrl + c) that simple string for use later.&lt;br /&gt;
&lt;br /&gt;
We don&#039;t need to do anything more with the includes file at this time but hopefully you can see the power of using re-usable elements in this file.&lt;br /&gt;
&lt;br /&gt;
So now go back to your &amp;quot;View_55_WideList.xml&amp;quot; file and lets add a new control. All we are going to do is copy the duration control to just below.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music7.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
As you can see from the screenshot we now have a new control which has been modified with a few new values.&lt;br /&gt;
&lt;br /&gt;
We&#039;ve changed the position of the control to be slightly to the left of the song duration control.&lt;br /&gt;
&lt;br /&gt;
We&#039;ve also changed the colour to yellow and the label to our rating listitem. In this case its: &amp;quot;$INFO[ListItem.UserRating]&amp;quot;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music8.jpg]]&lt;br /&gt;
&lt;br /&gt;
Right, that&#039;s it. We have managed to get the rating to show on each song track listing. Our objective has been achieved!&lt;br /&gt;
&lt;br /&gt;
This example is obviously not complete, we need to change the control that is selected to also show the rating and possibly change the actual rating to star images but you get the idea!&lt;br /&gt;
&lt;br /&gt;
Editing skins is easy, logical and quick once you get used to it. Good luck and let us know how you get on.&lt;br /&gt;
&lt;br /&gt;
== See also ==&lt;br /&gt;
&#039;&#039;&#039;Development:&#039;&#039;&#039;&lt;br /&gt;
* [[Add-on development]]&lt;br /&gt;
* [[Skinning]]&lt;br /&gt;
&lt;br /&gt;
[[Category:Skin development]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=Skinning&amp;diff=131214</id>
		<title>Skinning</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=Skinning&amp;diff=131214"/>
		<updated>2017-11-08T21:09:28Z</updated>

		<summary type="html">&lt;p&gt;Zag: /* Tutorials */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{mininav|[[Development]]}}&lt;br /&gt;
&lt;br /&gt;
{{Kodi}} is noted as having a very flexible and robust framework for its GUI, making theme-skinning and personal customization very accessible. Users can create their own skin (or modify an existing skin) and share it with others. &#039;&#039;[[Confluence]]&#039;&#039; is the official skin.&lt;br /&gt;
&lt;br /&gt;
== General ==&lt;br /&gt;
{| width=&amp;quot;100%&amp;quot;&lt;br /&gt;
|- valign=&amp;quot;top&amp;quot;&lt;br /&gt;
| width=&amp;quot;25%&amp;quot; align=&amp;quot;center&amp;quot; | {{Main page icon|image=Nuvola apps kthememgr.png|link=Skin development introduction}}&lt;br /&gt;
| width=&amp;quot;25%&amp;quot; align=&amp;quot;center&amp;quot; | {{Main page icon|image=Applications-development.png|link=Skin structure|title=Skin structure}}&lt;br /&gt;
| width=&amp;quot;25%&amp;quot; align=&amp;quot;center&amp;quot; | {{Main page icon|image=Book icon 1.png|link=XBMC Skinning Manual|title={{kodi}} skinning manual}}&lt;br /&gt;
| width=&amp;quot;25%&amp;quot; align=&amp;quot;center&amp;quot; | {{Main page icon|image=Administration.png|link=Skin development tools}}&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Tutorials ==&lt;br /&gt;
{| width=&amp;quot;100%&amp;quot;&lt;br /&gt;
|- valign=&amp;quot;top&amp;quot;&lt;br /&gt;
| width=&amp;quot;33%&amp;quot; align=&amp;quot;center&amp;quot; | {{Main page icon|image=Gnome-preferences-desktop-wallpaper.png|link=First skin tutorial}}&lt;br /&gt;
| width=&amp;quot;33%&amp;quot; align=&amp;quot;center&amp;quot; | {{Main page icon|image=Go-home-2.png|link=HOW-TO:Edit the home screen skin files|title=Home screen tutorial}}&lt;br /&gt;
| width=&amp;quot;33%&amp;quot; align=&amp;quot;center&amp;quot; | {{Main page icon|image=Inkscape icons dialog messages.png|link=HOW-TO:Make a dialog popup automatically with another one via skinning|title=Popup tutorial}}&lt;br /&gt;
|- valign=&amp;quot;top&amp;quot;&lt;br /&gt;
| width=&amp;quot;33%&amp;quot; align=&amp;quot;center&amp;quot; | {{Main page icon|image=Weather-sun-clouds-some-rain.png|link=HOW-TO:Enable weather info display for the home screen via skinning|title=Weather info tutorial}}&lt;br /&gt;
| width=&amp;quot;33%&amp;quot; align=&amp;quot;center&amp;quot; | {{Main page icon|image=Crystal Project window list.png‎|link=HOW-TO:Add a new window or dialog via skinning|title=New dialog tutorial}}&lt;br /&gt;
| width=&amp;quot;33%&amp;quot; align=&amp;quot;center&amp;quot; | {{Main page icon|image=Crystal Clear app fonts.png|link=HOW-TO:Add a new true type font to the skin|title=Adding fonts tutorial}}&lt;br /&gt;
|- valign=&amp;quot;top&amp;quot;&lt;br /&gt;
| width=&amp;quot;33%&amp;quot; align=&amp;quot;center&amp;quot; |&lt;br /&gt;
| width=&amp;quot;33%&amp;quot; align=&amp;quot;center&amp;quot; | {{Main page icon|image=Estuary-edit-icon.png|link=Estuary Modification}}&lt;br /&gt;
| width=&amp;quot;33%&amp;quot; align=&amp;quot;center&amp;quot; |&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
[[Category:Add-on development|*]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:Estuary-edit-icon.png&amp;diff=131213</id>
		<title>File:Estuary-edit-icon.png</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:Estuary-edit-icon.png&amp;diff=131213"/>
		<updated>2017-11-08T21:09:09Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=HOW-TO:Estuary_Modification&amp;diff=131212</id>
		<title>HOW-TO:Estuary Modification</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=HOW-TO:Estuary_Modification&amp;diff=131212"/>
		<updated>2017-11-08T21:01:49Z</updated>

		<summary type="html">&lt;p&gt;Zag: /* Making your first skin edit */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Introduction==&lt;br /&gt;
Estuary is Kodi&#039;s default skin, so it makes a good example of how to get start with editing a skin&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary-logo.png]]&lt;br /&gt;
&lt;br /&gt;
== Setting up a developer environment for skinning ==&lt;br /&gt;
First thing we need to do is setup a simple skin development environment:&lt;br /&gt;
&lt;br /&gt;
To get the most out of it you&#039;ll need to either make a new keymap.xml or add this to your existing one.&lt;br /&gt;
&lt;br /&gt;
 &amp;lt;keymap&amp;gt;&lt;br /&gt;
    &amp;lt;global&amp;gt;&lt;br /&gt;
        &amp;lt;keyboard&amp;gt;&lt;br /&gt;
            &amp;lt;F5&amp;gt;XBMC.ReloadSkin()&amp;lt;/F5&amp;gt;&lt;br /&gt;
            &amp;lt;F7&amp;gt;Notification(Testing 123,Hello world)&amp;lt;/F7&amp;gt;&lt;br /&gt;
            &amp;lt;F8&amp;gt;Skin.ToggleDebug()&amp;lt;/F8&amp;gt;&lt;br /&gt;
        &amp;lt;/keyboard&amp;gt;&lt;br /&gt;
    &amp;lt;/global&amp;gt;&lt;br /&gt;
 &amp;lt;/keymap&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[File:Keymap_xml.jpg]]&lt;br /&gt;
&lt;br /&gt;
You will need to copy this keymap.xml file into the Kodi userdata folder. In our example, we are using windows so I have copied this file into the C:\Users\user\AppData\Roaming\Kodi\userdata\keymaps folder.&lt;br /&gt;
&lt;br /&gt;
Now we need a text editor to actually edit the files. Any text editor will work but we recommend something that can open multiple files at once such as Sublime Text or Notepad++&lt;br /&gt;
&lt;br /&gt;
== Testing your enviroment ==&lt;br /&gt;
&lt;br /&gt;
Lets launch Kodi and try out our new skinners keymap features.&lt;br /&gt;
&lt;br /&gt;
The following keys will then activate the corresponding action:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
 F5 - Reload skin (&#039;&#039;used to see any changes instantly without restarting XBMC&#039;&#039;)&lt;br /&gt;
 F7 - Activated the KaiDialogToast.xml (&#039;&#039;used to display the notification dialog&#039;&#039;)&lt;br /&gt;
 F8 - Show/Hide the Debug Info (&#039;&#039;used to display the currently active windows or dialogs&#039;&#039;)&lt;br /&gt;
&lt;br /&gt;
As you can see all these features are incredibly important to a skinner.&lt;br /&gt;
&lt;br /&gt;
[[File:Skinners_keymap_kodi.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Structure of Estuary ==&lt;br /&gt;
The default skin is very nicely laid out in actually quite a simple way. In our case on Windows, you can access the skin files in this folder C:\Program Files (x86)\Kodi\addons\skin.estuary\xml&lt;br /&gt;
&lt;br /&gt;
Below are some explanations of the files you will see in the Estuary XML folder:&lt;br /&gt;
&lt;br /&gt;
The file &amp;quot;Home.xml&amp;quot; is the basic home screen you see on first load of Kodi.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;My&amp;quot; are the main sub windows from the main screen such as Music or TVShows.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Includes_&amp;quot; are all files that incorporate common elements that can be used all over the skin.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Dialogue_&amp;quot; are all popups you see in the use of Kodi&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;View_&amp;quot; are all the specific views you see in the skin, such as wide list or the Poster view for example.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Settings&amp;quot; are simply to detail the settings menu.&lt;br /&gt;
&lt;br /&gt;
As you can probably tell, editing a skin is actually pretty logical and great effort has been made by the original developers to make it easy to understand.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Making your first skin edit ==&lt;br /&gt;
&lt;br /&gt;
As an example here, I am going to show you how to add a feature that was important to me but missing in the standard Estuary release.&lt;br /&gt;
&lt;br /&gt;
This example will show you how to add a music rating to the wide list view.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary mod music1.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Currently the rating only shows under the album artwork when you have a single track focused on the right.&lt;br /&gt;
&lt;br /&gt;
I will change this so that every rating shows next to each track name even when not focused.&lt;br /&gt;
&lt;br /&gt;
First thing we need to do is find out what files to edit. Now this is pretty easy because we can press F8 on the keyboard to see the debug screen in Kodi.&lt;br /&gt;
&lt;br /&gt;
Now browse to the screen you want to edit in Kodi and the debug text will change. In this case its changed to &amp;quot;MyMusicNav.xml&amp;quot; and Focus is &amp;quot;55 (Fixed list)&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music2.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
So go ahead and open these 2 files: &amp;quot;MyMusicNav.xml&amp;quot; and &amp;quot;View_55_WideList.xml&amp;quot;. Its also important that we open the &amp;quot;includes.xml&amp;quot; file as this has many common elements that will help us.&lt;br /&gt;
&lt;br /&gt;
At this point you may find it useful to start test deleting bits of the &amp;quot;View_55_WideList.xml&amp;quot;. Try deleting different containers and control elements in the XML file. &lt;br /&gt;
&lt;br /&gt;
You should quickly learn what bits do what with this method. For example if I remove the &amp;lt;itemlayout height=&amp;quot;80&amp;quot; condition=&amp;quot;Container.Content(songs)&amp;quot;&amp;gt; code section, all the track listings disappear!&lt;br /&gt;
&lt;br /&gt;
Now we know what bits do what, we can start to edit. Lets look at this code:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary mod music3.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
As you can see, its quite simple. This code shows the duration of the track on the widelist music screen. You can see where the control is positioned, how its aligned and what colour it is. In this case its grey.&lt;br /&gt;
&lt;br /&gt;
As a quick test lets change the colour to yellow! Just change &amp;quot;&amp;lt;textcolor&amp;gt;grey&amp;lt;/textcolor&amp;gt;&amp;quot; to &amp;quot;&amp;lt;textcolor&amp;gt;yellow&amp;lt;/textcolor&amp;gt;&amp;quot;. Go back to Kodi and hit F5 on the keyboard and all your track lengths go yellow!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music4.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Magic! Now lets try adding some text instead of the duration, just as a test. Just change &amp;quot;&amp;lt;label&amp;gt;$INFO[ListItem.Label2]&amp;lt;/label&amp;gt;&amp;quot; to &amp;quot;&amp;lt;label&amp;gt;Blah!&amp;lt;/label&amp;gt;&amp;quot;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music6.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
OK so that was fun, but its probably best to change that back now. Undo(ctrl + z) and redo(ctrl + y) are your friends while testing :)&lt;br /&gt;
&lt;br /&gt;
So lets actually get on with our modification, what we need to do is find out what label the user rating is. To find this out we need to look in the &amp;quot;includes.xml&amp;quot; file as the rating star resides in there as its a re-usable element all over the skin.&lt;br /&gt;
&lt;br /&gt;
You can do a quick text search &amp;quot;Ctrl + s&amp;quot; and look for &amp;quot;rating&amp;quot;. Easy huh!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music5.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
This looks quite complicated (and it is a little due to the settings in there) but actually it just shows a rating &amp;quot;circle&amp;quot; with either the user or the overall rating inside it.&lt;br /&gt;
&lt;br /&gt;
What we are really looking for here is the infolabel string. We&#039;ve circled it above as ListItem.UserRating so lets copy (Ctrl + c) that simple string for use later.&lt;br /&gt;
&lt;br /&gt;
We don&#039;t need to do anything more with the includes file at this time but hopefully you can see the power of using re-usable elements in this file.&lt;br /&gt;
&lt;br /&gt;
So now go back to your &amp;quot;View_55_WideList.xml&amp;quot; file and lets add a new control. All we are going to do is copy the duration control to just below.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music7.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
As you can see from the screenshot we now have a new control which has been modified with a few new values.&lt;br /&gt;
&lt;br /&gt;
We&#039;ve changed the position of the control to be slightly to the left of the song duration control.&lt;br /&gt;
&lt;br /&gt;
We&#039;ve also changed the colour to yellow and the label to our rating listitem. In this case its: &amp;quot;$INFO[ListItem.UserRating]&amp;quot;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music8.jpg]]&lt;br /&gt;
&lt;br /&gt;
Right, that&#039;s it. We have managed to get the rating to show on each song track listing. Our objective has been achieved!&lt;br /&gt;
&lt;br /&gt;
This example is obviously not complete, we need to change the control that is selected to also show the rating and possibly change the actual rating to star images but you get the idea!&lt;br /&gt;
&lt;br /&gt;
Editing skins is easy, logical and quick once you get used to it. Good luck and let us know how you get on.&lt;br /&gt;
&lt;br /&gt;
== See also ==&lt;br /&gt;
&#039;&#039;&#039;Development:&#039;&#039;&#039;&lt;br /&gt;
* [[Add-on development]]&lt;br /&gt;
* [[Skinning]]&lt;br /&gt;
&lt;br /&gt;
[[Category:Skin development]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=HOW-TO:Estuary_Modification&amp;diff=131211</id>
		<title>HOW-TO:Estuary Modification</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=HOW-TO:Estuary_Modification&amp;diff=131211"/>
		<updated>2017-11-08T20:55:34Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Introduction==&lt;br /&gt;
Estuary is Kodi&#039;s default skin, so it makes a good example of how to get start with editing a skin&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary-logo.png]]&lt;br /&gt;
&lt;br /&gt;
== Setting up a developer environment for skinning ==&lt;br /&gt;
First thing we need to do is setup a simple skin development environment:&lt;br /&gt;
&lt;br /&gt;
To get the most out of it you&#039;ll need to either make a new keymap.xml or add this to your existing one.&lt;br /&gt;
&lt;br /&gt;
 &amp;lt;keymap&amp;gt;&lt;br /&gt;
    &amp;lt;global&amp;gt;&lt;br /&gt;
        &amp;lt;keyboard&amp;gt;&lt;br /&gt;
            &amp;lt;F5&amp;gt;XBMC.ReloadSkin()&amp;lt;/F5&amp;gt;&lt;br /&gt;
            &amp;lt;F7&amp;gt;Notification(Testing 123,Hello world)&amp;lt;/F7&amp;gt;&lt;br /&gt;
            &amp;lt;F8&amp;gt;Skin.ToggleDebug()&amp;lt;/F8&amp;gt;&lt;br /&gt;
        &amp;lt;/keyboard&amp;gt;&lt;br /&gt;
    &amp;lt;/global&amp;gt;&lt;br /&gt;
 &amp;lt;/keymap&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[File:Keymap_xml.jpg]]&lt;br /&gt;
&lt;br /&gt;
You will need to copy this keymap.xml file into the Kodi userdata folder. In our example, we are using windows so I have copied this file into the C:\Users\user\AppData\Roaming\Kodi\userdata\keymaps folder.&lt;br /&gt;
&lt;br /&gt;
Now we need a text editor to actually edit the files. Any text editor will work but we recommend something that can open multiple files at once such as Sublime Text or Notepad++&lt;br /&gt;
&lt;br /&gt;
== Testing your enviroment ==&lt;br /&gt;
&lt;br /&gt;
Lets launch Kodi and try out our new skinners keymap features.&lt;br /&gt;
&lt;br /&gt;
The following keys will then activate the corresponding action:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
 F5 - Reload skin (&#039;&#039;used to see any changes instantly without restarting XBMC&#039;&#039;)&lt;br /&gt;
 F7 - Activated the KaiDialogToast.xml (&#039;&#039;used to display the notification dialog&#039;&#039;)&lt;br /&gt;
 F8 - Show/Hide the Debug Info (&#039;&#039;used to display the currently active windows or dialogs&#039;&#039;)&lt;br /&gt;
&lt;br /&gt;
As you can see all these features are incredibly important to a skinner.&lt;br /&gt;
&lt;br /&gt;
[[File:Skinners_keymap_kodi.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Structure of Estuary ==&lt;br /&gt;
The default skin is very nicely laid out in actually quite a simple way. In our case on Windows, you can access the skin files in this folder C:\Program Files (x86)\Kodi\addons\skin.estuary\xml&lt;br /&gt;
&lt;br /&gt;
Below are some explanations of the files you will see in the Estuary XML folder:&lt;br /&gt;
&lt;br /&gt;
The file &amp;quot;Home.xml&amp;quot; is the basic home screen you see on first load of Kodi.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;My&amp;quot; are the main sub windows from the main screen such as Music or TVShows.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Includes_&amp;quot; are all files that incorporate common elements that can be used all over the skin.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Dialogue_&amp;quot; are all popups you see in the use of Kodi&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;View_&amp;quot; are all the specific views you see in the skin, such as wide list or the Poster view for example.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Settings&amp;quot; are simply to detail the settings menu.&lt;br /&gt;
&lt;br /&gt;
As you can probably tell, editing a skin is actually pretty logical and great effort has been made by the original developers to make it easy to understand.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Making your first skin edit ==&lt;br /&gt;
&lt;br /&gt;
As an example here, I am going to show you how to add a feature that was important to me but missing in the standard Estuary release.&lt;br /&gt;
&lt;br /&gt;
This example will show you how to add a music rating to the wide list view.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary mod music1.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Currently the rating only shows under the album artwork when you have a single track focused on the right.&lt;br /&gt;
&lt;br /&gt;
I will change this so that every rating shows next to each track name even when not focused.&lt;br /&gt;
&lt;br /&gt;
First thing we need to do is find out what files to edit. Now this is pretty easy because we can press F8 on the keyboard to see the debug screen in Kodi.&lt;br /&gt;
&lt;br /&gt;
Now browse to the screen you want to edit in Kodi and the debug text will change. In this case its changed to &amp;quot;MyMusicNav.xml&amp;quot; and Focus is &amp;quot;55 (Fixed list)&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music2.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
So go ahead and open these 2 files: &amp;quot;MyMusicNav.xml&amp;quot; and &amp;quot;View_55_WideList.xml&amp;quot;. Its also important that we open the &amp;quot;includes.xml&amp;quot; file as this has many common elements that will help us.&lt;br /&gt;
&lt;br /&gt;
At this point you may find it useful to start test deleting bits of the &amp;quot;View_55_WideList.xml&amp;quot;. Try deleting different containers and control elements in the XML file. &lt;br /&gt;
&lt;br /&gt;
You should quickly learn what bits do what with this method. For example if I remove the &amp;lt;itemlayout height=&amp;quot;80&amp;quot; condition=&amp;quot;Container.Content(songs)&amp;quot;&amp;gt; code section, all the track listings disappear!&lt;br /&gt;
&lt;br /&gt;
Now we know what bits do what, we can start to edit. Lets look at this code:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary mod music3.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
As you can see, its quite simple. This code shows the duration of the track on the widelist music screen. You can see where the container is positioned, how its aligned and what colour it is. In this case its grey.&lt;br /&gt;
&lt;br /&gt;
As a quick test lets change the colour to yellow! Just change &amp;quot;&amp;lt;textcolor&amp;gt;grey&amp;lt;/textcolor&amp;gt;&amp;quot; to &amp;quot;&amp;lt;textcolor&amp;gt;yellow&amp;lt;/textcolor&amp;gt;&amp;quot;. Go back to Kodi and hit F5 on the keyboard and all your track lengths go yellow!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music4.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Magic! Now lets try adding some text instead of the duration, just as a test. Just change &amp;quot;&amp;lt;label&amp;gt;$INFO[ListItem.Label2]&amp;lt;/label&amp;gt;&amp;quot; to &amp;quot;&amp;lt;label&amp;gt;Blah!&amp;lt;/label&amp;gt;&amp;quot;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music6.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
OK so that was fun, but its probably best to change that back now. Undo(ctrl + z) and redo(ctrl + y) are your friends while testing :)&lt;br /&gt;
&lt;br /&gt;
So lets actually get on with our modification, what we need to do is find out what label the user rating is. To find this out we need to look in the &amp;quot;includes.xml&amp;quot; file as the rating star resides in there as its a re-usable element all over the skin.&lt;br /&gt;
&lt;br /&gt;
You can do a quick text search &amp;quot;Ctrl + s&amp;quot; and look for &amp;quot;rating&amp;quot;. Easy huh!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music5.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
This looks quite complicated (and it is a little due to the settings in there) but actually it just shows a rating &amp;quot;circle&amp;quot; with either the user or the overall rating inside it.&lt;br /&gt;
&lt;br /&gt;
What we are really looking for here is the infolabel string. We&#039;ve circled it above as ListItem.UserRating so lets copy (Ctrl + c) that simple string for use later.&lt;br /&gt;
&lt;br /&gt;
We don&#039;t need to do anything more with the includes file at this time but hopefully you can see the power of using re-usable elements in this file.&lt;br /&gt;
&lt;br /&gt;
So now go back to your &amp;quot;View_55_WideList.xml&amp;quot; file and lets add a new container. All we are going to do is copy the duration container to just below.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music7.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
As you can see from the screenshot we now have a new container which has been modified with a few new values.&lt;br /&gt;
&lt;br /&gt;
We&#039;ve changed the position of the container to be slightly to the left of the song duration container.&lt;br /&gt;
&lt;br /&gt;
We&#039;ve also changed the colour to yellow and the label to our rating listitem. In this case its: &amp;quot;$INFO[ListItem.UserRating]&amp;quot;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary_mod_music8.jpg]]&lt;br /&gt;
&lt;br /&gt;
Right, that&#039;s it. We have managed to get the rating to show on each song track listing. Our objective has been achieved!&lt;br /&gt;
&lt;br /&gt;
This example is obviously not complete, we need to change the container that is selected to also show the rating and possibly change the actual rating to star images but you get the idea!&lt;br /&gt;
&lt;br /&gt;
Editing skins is easy, logical and quick once you get used to it. Good luck and let us know how you get on.&lt;br /&gt;
&lt;br /&gt;
== See also ==&lt;br /&gt;
&#039;&#039;&#039;Development:&#039;&#039;&#039;&lt;br /&gt;
* [[Add-on development]]&lt;br /&gt;
* [[Skinning]]&lt;br /&gt;
&lt;br /&gt;
[[Category:Skin development]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:Estuary_mod_music8.jpg&amp;diff=131210</id>
		<title>File:Estuary mod music8.jpg</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:Estuary_mod_music8.jpg&amp;diff=131210"/>
		<updated>2017-11-08T20:53:07Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:Estuary_mod_music7.jpg&amp;diff=131209</id>
		<title>File:Estuary mod music7.jpg</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:Estuary_mod_music7.jpg&amp;diff=131209"/>
		<updated>2017-11-08T20:47:33Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:Estuary_mod_music5.jpg&amp;diff=131208</id>
		<title>File:Estuary mod music5.jpg</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:Estuary_mod_music5.jpg&amp;diff=131208"/>
		<updated>2017-11-08T20:41:45Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:Estuary_mod_music6.jpg&amp;diff=131207</id>
		<title>File:Estuary mod music6.jpg</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:Estuary_mod_music6.jpg&amp;diff=131207"/>
		<updated>2017-11-08T20:38:11Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:Estuary_mod_music4.jpg&amp;diff=131206</id>
		<title>File:Estuary mod music4.jpg</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:Estuary_mod_music4.jpg&amp;diff=131206"/>
		<updated>2017-11-08T20:35:50Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:Estuary_mod_music3.jpg&amp;diff=131205</id>
		<title>File:Estuary mod music3.jpg</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:Estuary_mod_music3.jpg&amp;diff=131205"/>
		<updated>2017-11-08T20:31:24Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:Estuary_mod_music2.jpg&amp;diff=131204</id>
		<title>File:Estuary mod music2.jpg</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:Estuary_mod_music2.jpg&amp;diff=131204"/>
		<updated>2017-11-08T20:25:02Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:Estuary_mod_music1.jpg&amp;diff=131203</id>
		<title>File:Estuary mod music1.jpg</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:Estuary_mod_music1.jpg&amp;diff=131203"/>
		<updated>2017-11-08T20:20:56Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=HOW-TO:Estuary_Modification&amp;diff=131202</id>
		<title>HOW-TO:Estuary Modification</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=HOW-TO:Estuary_Modification&amp;diff=131202"/>
		<updated>2017-11-08T20:14:53Z</updated>

		<summary type="html">&lt;p&gt;Zag: Add Structure of Estuary heading&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Introduction==&lt;br /&gt;
Estuary is Kodi&#039;s default skin, so it makes a good example of how to get start with editing a skin&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary-logo.png]]&lt;br /&gt;
&lt;br /&gt;
== Setting up a developer environment for skinning ==&lt;br /&gt;
First thing we need to do is setup a simple skin development environment:&lt;br /&gt;
&lt;br /&gt;
To get the most out of it you&#039;ll need to either make a new keymap.xml or add this to your existing one.&lt;br /&gt;
&lt;br /&gt;
 &amp;lt;keymap&amp;gt;&lt;br /&gt;
    &amp;lt;global&amp;gt;&lt;br /&gt;
        &amp;lt;keyboard&amp;gt;&lt;br /&gt;
            &amp;lt;F5&amp;gt;XBMC.ReloadSkin()&amp;lt;/F5&amp;gt;&lt;br /&gt;
            &amp;lt;F7&amp;gt;Notification(Testing 123,Hello world)&amp;lt;/F7&amp;gt;&lt;br /&gt;
            &amp;lt;F8&amp;gt;Skin.ToggleDebug()&amp;lt;/F8&amp;gt;&lt;br /&gt;
        &amp;lt;/keyboard&amp;gt;&lt;br /&gt;
    &amp;lt;/global&amp;gt;&lt;br /&gt;
 &amp;lt;/keymap&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[File:Keymap_xml.jpg]]&lt;br /&gt;
&lt;br /&gt;
You will need to copy this keymap.xml file into the Kodi userdata folder. In our example, we are using windows so I have copied this file into the C:\Users\user\AppData\Roaming\Kodi\userdata\keymaps folder.&lt;br /&gt;
&lt;br /&gt;
Now we need a text editor to actually edit the files. Any text editor will work but we recommend something that can open multiple files at once such as Sublime Text or Notepad++&lt;br /&gt;
&lt;br /&gt;
== Testing your enviroment ==&lt;br /&gt;
&lt;br /&gt;
Lets launch Kodi and try out our new skinners keymap features.&lt;br /&gt;
&lt;br /&gt;
The following keys will then activate the corresponding action:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
 F5 - Reload skin (&#039;&#039;used to see any changes instantly without restarting XBMC&#039;&#039;)&lt;br /&gt;
 F7 - Activated the KaiDialogToast.xml (&#039;&#039;used to display the notification dialog&#039;&#039;)&lt;br /&gt;
 F8 - Show/Hide the Debug Info (&#039;&#039;used to display the currently active windows or dialogs&#039;&#039;)&lt;br /&gt;
&lt;br /&gt;
As you can see all these features are incredibly important to a skinner.&lt;br /&gt;
&lt;br /&gt;
[[File:Skinners_keymap_kodi.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Structure of Estuary ==&lt;br /&gt;
The default skin is very nicely laid out in actually quite a simple way. In our case on Windows, you can access the skin files in this folder C:\Program Files (x86)\Kodi\addons\skin.estuary\xml&lt;br /&gt;
&lt;br /&gt;
Below are some explanations of the files you will see in the Estuary XML folder:&lt;br /&gt;
&lt;br /&gt;
The file &amp;quot;Home.xml&amp;quot; is the basic home screen you see on first load of Kodi.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;My&amp;quot; are the main sub windows from the main screen such as Music or TVShows.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Includes_&amp;quot; are all files that incorporate common elements that can be used all over the skin.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Dialogue_&amp;quot; are all popups you see in the use of Kodi&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;View_&amp;quot; are all the specific views you see in the skin, such as wide list or the Poster view for example.&lt;br /&gt;
&lt;br /&gt;
Files that start with &amp;quot;Settings&amp;quot; are simply to detail the settings menu.&lt;br /&gt;
&lt;br /&gt;
As you can probably tell, editing a skin is actually pretty logical and great effort has been made by the original developers to make it easy to understand.&lt;br /&gt;
&lt;br /&gt;
== See also ==&lt;br /&gt;
&#039;&#039;&#039;Development:&#039;&#039;&#039;&lt;br /&gt;
* [[Add-on development]]&lt;br /&gt;
* [[Skinning]]&lt;br /&gt;
&lt;br /&gt;
[[Category:Skin development]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=HOW-TO:Estuary_Modification&amp;diff=131201</id>
		<title>HOW-TO:Estuary Modification</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=HOW-TO:Estuary_Modification&amp;diff=131201"/>
		<updated>2017-11-08T20:05:30Z</updated>

		<summary type="html">&lt;p&gt;Zag: Initial upload of page&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==Introduction==&lt;br /&gt;
Estuary is Kodi&#039;s default skin, so it makes a good example of how to get start with editing a skin&lt;br /&gt;
&lt;br /&gt;
[[File:Estuary-logo.png]]&lt;br /&gt;
&lt;br /&gt;
== Setting up a developer environment for skinning ==&lt;br /&gt;
First thing we need to do is setup a simple skin development environment:&lt;br /&gt;
&lt;br /&gt;
To get the most out of it you&#039;ll need to either make a new keymap.xml or add this to your existing one.&lt;br /&gt;
&lt;br /&gt;
 &amp;lt;keymap&amp;gt;&lt;br /&gt;
    &amp;lt;global&amp;gt;&lt;br /&gt;
        &amp;lt;keyboard&amp;gt;&lt;br /&gt;
            &amp;lt;F5&amp;gt;XBMC.ReloadSkin()&amp;lt;/F5&amp;gt;&lt;br /&gt;
            &amp;lt;F7&amp;gt;Notification(Testing 123,Hello world)&amp;lt;/F7&amp;gt;&lt;br /&gt;
            &amp;lt;F8&amp;gt;Skin.ToggleDebug()&amp;lt;/F8&amp;gt;&lt;br /&gt;
        &amp;lt;/keyboard&amp;gt;&lt;br /&gt;
    &amp;lt;/global&amp;gt;&lt;br /&gt;
 &amp;lt;/keymap&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[File:Keymap_xml.jpg]]&lt;br /&gt;
&lt;br /&gt;
You will need to copy this keymap.xml file into the Kodi userdata folder. In our example, we are using windows so I have copied this file into the C:\Users\user\AppData\Roaming\Kodi\userdata\keymaps folder.&lt;br /&gt;
&lt;br /&gt;
Now we need a text editor to actually edit the files. Any text editor will work but we recommend something that can open multiple files at once such as Sublime Text or Notepad++&lt;br /&gt;
&lt;br /&gt;
== Testing your enviroment ==&lt;br /&gt;
&lt;br /&gt;
Lets launch Kodi and try out our new skinners keymap features.&lt;br /&gt;
&lt;br /&gt;
The following keys will then activate the corresponding action:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
 F5 - Reload skin (&#039;&#039;used to see any changes instantly without restarting XBMC&#039;&#039;)&lt;br /&gt;
 F7 - Activated the KaiDialogToast.xml (&#039;&#039;used to display the notification dialog&#039;&#039;)&lt;br /&gt;
 F8 - Show/Hide the Debug Info (&#039;&#039;used to display the currently active windows or dialogs&#039;&#039;)&lt;br /&gt;
&lt;br /&gt;
As you can see all these features are incredibly important to a skinner.&lt;br /&gt;
&lt;br /&gt;
[[File:Skinners_keymap_kodi.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== See also ==&lt;br /&gt;
&#039;&#039;&#039;Development:&#039;&#039;&#039;&lt;br /&gt;
* [[Add-on development]]&lt;br /&gt;
* [[Skinning]]&lt;br /&gt;
&lt;br /&gt;
[[Category:Skin development]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:Estuary-logo.png&amp;diff=131200</id>
		<title>File:Estuary-logo.png</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:Estuary-logo.png&amp;diff=131200"/>
		<updated>2017-11-08T20:03:32Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:Keymap_xml.jpg&amp;diff=131199</id>
		<title>File:Keymap xml.jpg</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:Keymap_xml.jpg&amp;diff=131199"/>
		<updated>2017-11-08T19:58:09Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=File:Skinners_keymap_kodi.jpg&amp;diff=131198</id>
		<title>File:Skinners keymap kodi.jpg</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=File:Skinners_keymap_kodi.jpg&amp;diff=131198"/>
		<updated>2017-11-08T19:56:54Z</updated>

		<summary type="html">&lt;p&gt;Zag: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=HOW-TO:Screensaver_addon&amp;diff=130873</id>
		<title>HOW-TO:Screensaver addon</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=HOW-TO:Screensaver_addon&amp;diff=130873"/>
		<updated>2017-09-26T09:18:38Z</updated>

		<summary type="html">&lt;p&gt;Zag: /* Examples */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{mininav|[[Development]]|[[Add-on development]]|[[Python development]]|[[Python examples]]}}&lt;br /&gt;
&amp;lt;br /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=Introduction=&lt;br /&gt;
This tutorial will explain how to write your first Kodi/XBMC Screensaver Add-on&amp;lt;br /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[File:Screensaver.video.jpg]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=Tools=&lt;br /&gt;
&lt;br /&gt;
Screensavers should be pretty easy in their most basic form. All you will need is a text editor or IDE and some artwork resources.&lt;br /&gt;
&lt;br /&gt;
=Examples=&lt;br /&gt;
Since we don&#039;t have a full &amp;quot;HOW TO&amp;quot; guide for this yet (please feel free to sign up to the wiki and edit this page) we will just show some source code of other screensavers for now:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Python examples&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
https://github.com/XBMC-Addons/screensaver.picture.slideshow&lt;br /&gt;
&lt;br /&gt;
https://github.com/vdb86/screensaver.digitalclock&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;C++ example&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
https://github.com/notspiff/screensaver.stars&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
You can either download as a zip and install both of these inside the kodi GUI from the install from zip feature. Or extract the zip into your userdata/add-ons folder.&lt;br /&gt;
&lt;br /&gt;
=Extra info=&lt;br /&gt;
&lt;br /&gt;
Check out the forum section for Screensavers and Visualisations&lt;br /&gt;
&lt;br /&gt;
http://forum.kodi.tv/forumdisplay.php?fid=38&lt;br /&gt;
&lt;br /&gt;
[[Category:Add-on development]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
	<entry>
		<id>https://kodi.wiki/index.php?title=HOW-TO:Visualisation_addon&amp;diff=130872</id>
		<title>HOW-TO:Visualisation addon</title>
		<link rel="alternate" type="text/html" href="https://kodi.wiki/index.php?title=HOW-TO:Visualisation_addon&amp;diff=130872"/>
		<updated>2017-09-26T09:18:10Z</updated>

		<summary type="html">&lt;p&gt;Zag: /* Installing */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{mininav|[[Development]]|[[Add-on development]]|[[Python development]]|[[Python examples]]}}&lt;br /&gt;
&amp;lt;br /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=Introduction=&lt;br /&gt;
This tutorial will explain how to write your first Kodi/XBMC Visualisation Add-on&amp;lt;br /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[File:Vortex3.png]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=Tools=&lt;br /&gt;
&lt;br /&gt;
Visualisations are quite complicated so you probably want to have a graphics editing package such as GIMP(https://www.gimp.org) installed for when you need to resize or crop textures or image backgrounds. &lt;br /&gt;
&lt;br /&gt;
Video editing software may also be useful but that is beyond the scope of this tutorial.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=Installing=&lt;br /&gt;
Since we don&#039;t have a full &amp;quot;HOW TO&amp;quot; guide for this yet (please feel free to sign up to the wiki and edit this page) we will just show some source code of other visulisations for now&lt;br /&gt;
&lt;br /&gt;
https://github.com/wsnipex/visualization.projectm&lt;br /&gt;
&lt;br /&gt;
You can either download as a zip and install both of these inside the kodi GUI from the install from zip feature. Or extract the zip into your userdata/add-ons folder.&lt;br /&gt;
&lt;br /&gt;
=Extra info=&lt;br /&gt;
&lt;br /&gt;
Check out the forum section for Screensavers and Visualisations&lt;br /&gt;
&lt;br /&gt;
http://forum.kodi.tv/forumdisplay.php?fid=38&lt;br /&gt;
&lt;br /&gt;
[[Category:Add-on development]]&lt;/div&gt;</summary>
		<author><name>Zag</name></author>
	</entry>
</feed>