123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  5. <head>
  6. <title></title>
  7. <!-- 2018-04-12 Thu 12:22 -->
  8. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  9. <meta name="generator" content="Org-mode" />
  10. <meta name="author" content="Bob Mottram" />
  11. <meta name="description" content="How to use Koel"
  12. />
  13. <meta name="keywords" content="freedombone, koel, music" />
  14. <style type="text/css">
  15. <!--/*--><![CDATA[/*><!--*/
  16. .title { text-align: center; }
  17. .todo { font-family: monospace; color: red; }
  18. .done { color: green; }
  19. .tag { background-color: #eee; font-family: monospace;
  20. padding: 2px; font-size: 80%; font-weight: normal; }
  21. .timestamp { color: #bebebe; }
  22. .timestamp-kwd { color: #5f9ea0; }
  23. .right { margin-left: auto; margin-right: 0px; text-align: right; }
  24. .left { margin-left: 0px; margin-right: auto; text-align: left; }
  25. .center { margin-left: auto; margin-right: auto; text-align: center; }
  26. .underline { text-decoration: underline; }
  27. #postamble p, #preamble p { font-size: 90%; margin: .2em; }
  28. p.verse { margin-left: 3%; }
  29. pre {
  30. border: 1px solid #ccc;
  31. box-shadow: 3px 3px 3px #eee;
  32. padding: 8pt;
  33. font-family: monospace;
  34. overflow: auto;
  35. margin: 1.2em;
  36. }
  37. pre.src {
  38. position: relative;
  39. overflow: visible;
  40. padding-top: 1.2em;
  41. }
  42. pre.src:before {
  43. display: none;
  44. position: absolute;
  45. background-color: white;
  46. top: -10px;
  47. right: 10px;
  48. padding: 3px;
  49. border: 1px solid black;
  50. }
  51. pre.src:hover:before { display: inline;}
  52. pre.src-sh:before { content: 'sh'; }
  53. pre.src-bash:before { content: 'sh'; }
  54. pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
  55. pre.src-R:before { content: 'R'; }
  56. pre.src-perl:before { content: 'Perl'; }
  57. pre.src-java:before { content: 'Java'; }
  58. pre.src-sql:before { content: 'SQL'; }
  59. table { border-collapse:collapse; }
  60. caption.t-above { caption-side: top; }
  61. caption.t-bottom { caption-side: bottom; }
  62. td, th { vertical-align:top; }
  63. th.right { text-align: center; }
  64. th.left { text-align: center; }
  65. th.center { text-align: center; }
  66. td.right { text-align: right; }
  67. td.left { text-align: left; }
  68. td.center { text-align: center; }
  69. dt { font-weight: bold; }
  70. .footpara:nth-child(2) { display: inline; }
  71. .footpara { display: block; }
  72. .footdef { margin-bottom: 1em; }
  73. .figure { padding: 1em; }
  74. .figure p { text-align: center; }
  75. .inlinetask {
  76. padding: 10px;
  77. border: 2px solid gray;
  78. margin: 10px;
  79. background: #ffffcc;
  80. }
  81. #org-div-home-and-up
  82. { text-align: right; font-size: 70%; white-space: nowrap; }
  83. textarea { overflow-x: auto; }
  84. .linenr { font-size: smaller }
  85. .code-highlighted { background-color: #ffff00; }
  86. .org-info-js_info-navigation { border-style: none; }
  87. #org-info-js_console-label
  88. { font-size: 10px; font-weight: bold; white-space: nowrap; }
  89. .org-info-js_search-highlight
  90. { background-color: #ffff00; color: #000000; font-weight: bold; }
  91. /*]]>*/-->
  92. </style>
  93. <link rel="stylesheet" type="text/css" href="freedombone.css" />
  94. <script type="text/javascript">
  95. /*
  96. @licstart The following is the entire license notice for the
  97. JavaScript code in this tag.
  98. Copyright (C) 2012-2013 Free Software Foundation, Inc.
  99. The JavaScript code in this tag is free software: you can
  100. redistribute it and/or modify it under the terms of the GNU
  101. General Public License (GNU GPL) as published by the Free Software
  102. Foundation, either version 3 of the License, or (at your option)
  103. any later version. The code is distributed WITHOUT ANY WARRANTY;
  104. without even the implied warranty of MERCHANTABILITY or FITNESS
  105. FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
  106. As additional permission under GNU GPL version 3 section 7, you
  107. may distribute non-source (e.g., minimized or compacted) forms of
  108. that code without the copy of the GNU GPL normally required by
  109. section 4, provided you include this license notice and a URL
  110. through which recipients can access the Corresponding Source.
  111. @licend The above is the entire license notice
  112. for the JavaScript code in this tag.
  113. */
  114. <!--/*--><![CDATA[/*><!--*/
  115. function CodeHighlightOn(elem, id)
  116. {
  117. var target = document.getElementById(id);
  118. if(null != target) {
  119. elem.cacheClassElem = elem.className;
  120. elem.cacheClassTarget = target.className;
  121. target.className = "code-highlighted";
  122. elem.className = "code-highlighted";
  123. }
  124. }
  125. function CodeHighlightOff(elem, id)
  126. {
  127. var target = document.getElementById(id);
  128. if(elem.cacheClassElem)
  129. elem.className = elem.cacheClassElem;
  130. if(elem.cacheClassTarget)
  131. target.className = elem.cacheClassTarget;
  132. }
  133. /*]]>*///-->
  134. </script>
  135. </head>
  136. <body>
  137. <div id="preamble" class="status">
  138. <a name="top" id="top"></a>
  139. </div>
  140. <div id="content">
  141. <h1 class="title"></h1>
  142. <div class="figure">
  143. <p><img src="images/logo.png" alt="logo.png" width="80%" height="10%" align="center" />
  144. </p>
  145. </div>
  146. <div id="outline-container-sec-1" class="outline-2">
  147. <h2 id="sec-1">Koel</h2>
  148. <div class="outline-text-2" id="text-1">
  149. <p>
  150. This enables you to store your music on the Freedombone server and then access it from any internet connected device. If you just want to make music accessible within your home network then <a href="./app_dlna.html">DLNA</a> is usually sufficient, but if you want to be able to play your music from anywhere then <a href="https://koel.phanan.net">Koel</a> is a better option.
  151. </p>
  152. <div class="figure">
  153. <p><img src="images/koel.jpg" alt="koel.jpg" width="80%" align="center" />
  154. </p>
  155. </div>
  156. </div>
  157. </div>
  158. <div id="outline-container-sec-2" class="outline-2">
  159. <h2 id="sec-2">Installation</h2>
  160. <div class="outline-text-2" id="text-2">
  161. <p>
  162. Log into your system with:
  163. </p>
  164. <div class="org-src-container">
  165. <pre class="src src-bash">ssh myusername@mydomain -p 2222
  166. </pre>
  167. </div>
  168. <p>
  169. Using cursor keys, space bar and Enter key select <b>Administrator controls</b> and type in your password.
  170. </p>
  171. <p>
  172. Select <b>Add/Remove Apps</b> then <b>koel</b>. You will then be asked for a domain name and if you are using FreeDNS also the code for the domain which can be found under <b>Dynamic DNS</b> on the FreeDNS site (the random string from "<i>quick cron example</i>" which appears after <i>update.php?</i> and before <i>&gt;&gt;</i>). For more details on obtaining a domain and making it accessible via dynamic DNS see the <a href="./faq.html">FAQ</a>. Typically the domain name you use will be a subdomain, such as <i>music.mydomainname.net</i>. It will need to be a domain which you have bought somewhere and own and not one of the FreeDNS subdomains, otherwise you won't be able to get a SSL/TLS certificate for it.
  173. </p>
  174. <p>
  175. Go back to the <b>Administrator control panel</b>, select <b>Passwords</b> then <b>koel</b>. You can then use this password together with your email address to initially log in.
  176. </p>
  177. <p>
  178. Once logged in go to settings and set the media path to <b>/music</b>.
  179. </p>
  180. <div class="figure">
  181. <p><img src="images/koelsettings.jpg" alt="koelsettings.jpg" width="80%" align="center" />
  182. </p>
  183. </div>
  184. </div>
  185. </div>
  186. <div id="outline-container-sec-3" class="outline-2">
  187. <h2 id="sec-3">Importing music</h2>
  188. <div class="outline-text-2" id="text-3">
  189. <p>
  190. This app doesn't have any way to upload music and instead just expects that there will be a directory on the server containing music files. There are a couple of ways to get new music files onto the system: either by using ssh or by putting them onto a USB drive.
  191. </p>
  192. <div class="figure">
  193. <p><img src="images/controlpanel/control_panel_koel.jpg" alt="control_panel_koel.jpg" width="80%" align="center" />
  194. </p>
  195. </div>
  196. </div>
  197. <div id="outline-container-sec-3-1" class="outline-3">
  198. <h3 id="sec-3-1">Via ssh</h3>
  199. <div class="outline-text-3" id="text-3-1">
  200. <p>
  201. On your local system:
  202. </p>
  203. <div class="org-src-container">
  204. <pre class="src src-bash">scp -P 2222 -r ~/Music username@domainname:/home/username
  205. </pre>
  206. </div>
  207. <p>
  208. This will copy anything files in your local Music directory to your home directory on the Freedombone system.
  209. </p>
  210. <p>
  211. Now log in to your Freedombone system:
  212. </p>
  213. <div class="org-src-container">
  214. <pre class="src src-bash">ssh username@domainname -p 2222
  215. </pre>
  216. </div>
  217. <p>
  218. And select <b>Administrator settings</b> followed by <b>App settings</b> then <b>koel</b>. Select <b>Import music from directory</b> then using up and down cursors select the directory and <b>press space</b> so that it appears in the selection box below. Select <b>Ok</b> and then the files will be moved to their final destination in the <b>/music</b> directory.
  219. </p>
  220. </div>
  221. </div>
  222. <div id="outline-container-sec-3-2" class="outline-3">
  223. <h3 id="sec-3-2">Via USB drive</h3>
  224. <div class="outline-text-3" id="text-3-2">
  225. <p>
  226. Create a LUKS formatted USB drive. It's possible to do this by plugging a new USB drive into the Freedombone system then going to the <b>Administrator control panel</b>, selecting <b>App settings</b> then <b>koel</b> then <b>Format a USB drive</b>. You will need to specify a password, which in this case doesn't need to be anything highly secure.
  227. </p>
  228. <p>
  229. Once the drive if formatted you can remove it and copy Music files onto it from other systems. Make sure the files are contained within a directory named <b>Music</b>.
  230. </p>
  231. <p>
  232. Once you have music on a LUKS formatted USB drive then plug it into the Freedombone system. Go to the <b>Administrator control panel</b>, select <b>App settings</b> then <b>koel</b> then <b>Import music from USB drive</b>. Enter the password you used to create the drive and music files will then be copied.
  233. </p>
  234. </div>
  235. </div>
  236. <div id="outline-container-sec-3-3" class="outline-3">
  237. <h3 id="sec-3-3">Synchronizing</h3>
  238. <div class="outline-text-3" id="text-3-3">
  239. <p>
  240. To detect the imported files you might need to re-synchronize. Within Koel go to settings and then select <b>Scan</b>. Any imported files should then be available to play.
  241. </p>
  242. </div>
  243. </div>
  244. </div>
  245. </div>
  246. <div id="postamble" class="status">
  247. <style type="text/css">
  248. .back-to-top {
  249. position: fixed;
  250. bottom: 2em;
  251. right: 0px;
  252. text-decoration: none;
  253. color: #000000;
  254. background-color: rgba(235, 235, 235, 0.80);
  255. font-size: 12px;
  256. padding: 1em;
  257. display: none;
  258. }
  259. .back-to-top:hover {
  260. background-color: rgba(135, 135, 135, 0.50);
  261. }
  262. </style>
  263. <div class="back-to-top">
  264. <a href="#top">Back to top</a> | <a href="mailto:bob@freedombone.net">E-mail me</a>
  265. </div>
  266. </div>
  267. </body>
  268. </html>