howto.html 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6. <title></title>
  7. <meta name="description" content="" />
  8. <meta name="viewport" content="width=device-width" />
  9. <link rel="stylesheet" href="./style.scss" />
  10. </head>
  11. <body>
  12. <div class="wrapper">
  13. <div class="container-fluid">
  14. <div class="row row-border-red">
  15. <div class="col-12 col-md-2 border-right-red py-3 px-4">
  16. <div class="d-flex align-item-center h-100">
  17. <a href="./index.html"
  18. ><img src="./logo.svg" width="100%" height="auto" alt="OpenPod"
  19. /></a>
  20. </div>
  21. </div>
  22. </div>
  23. <div class="row row-border-red row-central">
  24. <div
  25. class="col-12 col-md-2 border-right-red d-flex justify-content-center"
  26. ></div>
  27. <div class="col-12 col-md-8">
  28. <h3 class="my-md-3 my-0 py-3 py-md-0">
  29. Come caricare correttamente il tuo podcast su archive.org?
  30. </h3>
  31. </div>
  32. </div>
  33. <div class="row row-border-red">
  34. <div
  35. class="col-12 col-md-2 border-right-red d-flex justify-content-center"
  36. >
  37. <h4 class="m-0 pt-3">01.</h4>
  38. </div>
  39. <div class="col-12 col-md-8 pt-3">
  40. <p>
  41. Esportare la/le traccia/tracce in formato .mp3 dal tuo editor
  42. audio preferito (es:
  43. <a href="https://www.audacityteam.org/download/">Audacity</a>)
  44. aggiungendo i seguenti tag iD3:
  45. </p>
  46. <ul>
  47. <li><i>title</i> -> il titolo dell'episodio</li>
  48. <li><i>creator</i> -> l'autore dell'episodio/podcast</li>
  49. <li><i>album</i> -> il nome del podcast</li>
  50. <li><i>track</i> -> il numero di puntata nome del file</li>
  51. </ul>
  52. <p>
  53. Un consiglio su come nominare i files:
  54. titolo_podcast-##-titolo_puntata.mp3 (es:
  55. fuori_fase-01-diritto_alla_città.mp3)
  56. </p>
  57. </div>
  58. </div>
  59. <div class="row row-border-red">
  60. <div
  61. class="col-md-2 col-12 border-right-red d-flex justify-content-center"
  62. >
  63. <h4 class="m-0 pt-3">02.</h4>
  64. </div>
  65. <div class="col-md-8 col-12 pt-3">
  66. <p>
  67. Crea un account su
  68. <a href="https://archive.org/account/signup">archive.org</a>, è
  69. gratuito e non sfruttano commercialmente i tuoi dati
  70. <img class="img-fluid" src="./imgs/create.png" />
  71. </p>
  72. </div>
  73. </div>
  74. <div class="row row-border-red">
  75. <div
  76. class="col-md-2 col-12 border-right-red d-flex justify-content-center"
  77. >
  78. <h4 class="m-0 pt-3">03.</h4>
  79. </div>
  80. <div class="col-md-8 col-12 pt-3">
  81. <p>
  82. Crea un nuovo
  83. <a href="https://archive.org/create/"><i>item</i></a> e carica una
  84. o più tracce audio
  85. <img class="img-fluid" src="./imgs/upload.png" />
  86. Una volta terminato l'upload ti verrà chiesto di inserire i
  87. metadati che OpenPod interpretà nel sequente modo
  88. </p>
  89. <ul>
  90. <li>Page title -> titolo del podcast</li>
  91. <li>
  92. Page url -> i link al tuo podcast (quello da dare in pasto ad
  93. OpenpPod), possibilemente senza spazi e/o caratteri speciali
  94. (accenti, simboli, etc). <b>NON</b> si può modificare in seguito
  95. </li>
  96. <li>Description -> una descrizione del podcast</li>
  97. <li>
  98. Subject tags -> delle parole chiave che identificano il
  99. contenuto del podcast
  100. </li>
  101. <li>Creator -> l'autore del podcast</li>
  102. <li>Collection -> community audio (default)</li>
  103. <li>Language -> la lingua del podcast</li>
  104. <li>License -> la licenza del podcast</li>
  105. </ul>
  106. <img class="img-fluid" src="./imgs/metadata.png" />
  107. <p>
  108. Successivamente clicca su <i>Add Additional Meta</i> e aggiungi le
  109. seguenti <i>key:value</i>:
  110. </p>
  111. <ul>
  112. <li>op_link -> il sito di riferimento del podcast (opzionale)</li>
  113. <li>
  114. op_category -> massimo 3 categorie (vedi elenco in fondo alla
  115. pagina) separate da punto e virgola
  116. </li>
  117. <li>
  118. op_explicit -> nel caso tu voglia esplicitare che il contenuto
  119. del tuo podcast tratta contenuti sensibili inserire
  120. <i>yes</i> contrariamente inserire <i>no</i>
  121. </li>
  122. </ul>
  123. <img class="img-fluid" src="./imgs/additional.png" />
  124. <p>
  125. A questo punto carica l'immagine di copertina podcast: l'immagine
  126. deve essere del formato .jpg o .png. La dimensione consigliata è
  127. 3000x3000 pixels, minimo 1300x1300 pixels. Per terminare cliccate
  128. sul pulsante <i>Upload and create your item</i>
  129. </p>
  130. <img class="img-fluid" src="./imgs/final.png" />
  131. </div>
  132. </div>
  133. <div class="row row-border-red">
  134. <div
  135. class="col-12 col-md-2 border-right-red d-flex justify-content-center"
  136. >
  137. <h4 class="m-0 pt-3">04.</h4>
  138. </div>
  139. <div class="col-12 col-md-8 pt-3">
  140. <p class="text-danger">
  141. Tutti i passaggi e le informazioni richieste fino ad ora sono
  142. obbligatorie, se ci sono delle mancanze il tuo feed RSS potrebbe
  143. non risulatare valido per alcune piattaforme di distribuzione
  144. </p>
  145. </div>
  146. </div>
  147. <div class="row row-border-red">
  148. <div
  149. class="col-12 col-md-2 border-right-red d-flex justify-content-center"
  150. >
  151. <h4 class="m-0 pt-3">05.</h4>
  152. </div>
  153. <div class="col-12 col-md-8 pt-3">
  154. <p>
  155. Per modificare e aggiornare il tuo podcast clicca su edit nella
  156. pagina dell'item:
  157. </p>
  158. <img class="img-fluid" src="./imgs/edit.png" />
  159. <p>
  160. se vuoi aggiungere un nuovo episodio al podcast:
  161. </p>
  162. <ul>
  163. <li>cliccare su <i>edit</i> nella pagina dell'<i>item</i></li>
  164. <li>cliccare su <i>change the files</i></li>
  165. <li>cliccare su <i>add a file</i></li>
  166. <li>
  167. aggiungere uno o più file e cliccare su
  168. <i>add files to existing item</i>
  169. </li>
  170. </ul>
  171. <img class="img-fluid" src="./imgs/nuovo.png" />
  172. <p>
  173. se non viene riconusciuta l'immagine come copertina:
  174. </p>
  175. <ul>
  176. <li>cliccare <i>edit</i> nella pagina dell'<i>item</i></li>
  177. <li>
  178. cliccare su <i>change the information</i> scorrere verso il
  179. basso fino ad individuare il file dell'immagine
  180. </li>
  181. <li>in <i>format</i> selezionare <i>Item image</i>></li>
  182. <li>cliccare su <i>submit</i> in fondo alla pagina</li>
  183. </ul>
  184. <img class="img-fluid" src="./imgs/cover.png" />
  185. <p>
  186. se vuoi cambiare le infomazioni precedentemente inserite:
  187. </p>
  188. <ul>
  189. <li>cliccare su <i>edit</i> nella pagina dell'item</li>
  190. <li>cliccare su <i>change the information</i></li>
  191. <li>
  192. fare le modifiche desiderate e cliccare su <i>submit</i> in
  193. fondo alla pagina
  194. </li>
  195. </ul>
  196. <img class="img-fluid" src="./imgs/correggi.png" />
  197. </div>
  198. </div>
  199. <div class="row row-border-red">
  200. <div
  201. class="col-12 col-md-2 border-right-red d-flex justify-content-center"
  202. >
  203. <h4 class="m-0 pt-3">06.</h4>
  204. </div>
  205. <div class="col-12 col-md-8 pt-3">
  206. <p>
  207. Elenco delle categorie. Devono essere solo ed esclusivamente
  208. queste elencate. Devono essere mantenute anche le maiuscole.
  209. </p>
  210. <ul>
  211. <li>Arts</li>
  212. <li>Business</li>
  213. <li>Comedy</li>
  214. <li>Education</li>
  215. <li>Fiction</li>
  216. <li>Government</li>
  217. <li>History</li>
  218. <li>Health & Fitness</li>
  219. <li>Kids & Family</li>
  220. <li>Leisure</li>
  221. <li>Music</li>
  222. <li>News</li>
  223. <li>Religion & Spirituality</li>
  224. <li>Science</li>
  225. <li>Society & Culture</li>
  226. <li>Sports</li>
  227. <li>Technology</li>
  228. <li>True Crime</li>
  229. <li>TV & Film</li>
  230. </ul>
  231. </div>
  232. </div>
  233. <div class="row">
  234. <div class="col-12 d-flex align-items-center">
  235. <p class="my-2">
  236. Una produzione dalla galassia
  237. <a href="https://offtopiclab.org">Off Topica</a> / ospitati dal
  238. <a href="https://unit.abbiamoundominio.org/">Collettivo Unit</a> /
  239. codice sorgente su
  240. <a href="https://git.lattuga.net/offtopic/open-pod"
  241. >git.lattuga.net/offtopic/open-pod</a
  242. >
  243. </p>
  244. </div>
  245. </div>
  246. </div>
  247. </div>
  248. </body>
  249. </html>