Turn audio into a shareable video. forked from nypublicradio/audiogram

themes.json 6.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249
  1. {
  2. "default": {
  3. "width": 1280,
  4. "height": 720,
  5. "framesPerSecond": 20,
  6. "maxDuration": 1200,
  7. "samplesPerFrame": 128,
  8. "pattern": "wave",
  9. "waveTop": 150,
  10. "waveBottom": 420,
  11. "captionTop": 470,
  12. "captionFont": "300 52px 'Source Sans Pro'",
  13. "captionLineHeight": 52,
  14. "captionLineSpacing": 7,
  15. "captionLeft": 200,
  16. "captionRight": 1080,
  17. "subtitleTop": 60,
  18. "subtitleFont": "300 44px 'Source Sans Pro'",
  19. "subtitleLineHeight": 44,
  20. "subtitleLineSpacing": 5,
  21. "subtitleLeft": 640,
  22. "subtitleRight": 1220,
  23. "subtitleAlign": "right"
  24. },
  25. "Basic": {
  26. "width": 1280,
  27. "height": 720,
  28. "framesPerSecond": 20,
  29. "maxDuration": 1200,
  30. "samplesPerFrame": 128,
  31. "pattern": "wave",
  32. "waveTop": 150,
  33. "waveBottom": 420,
  34. "captionTop": 470,
  35. "captionFont": "300 52px 'Neue Haas Grotesk Text Pro'",
  36. "captionLineHeight": 52,
  37. "captionLineSpacing": 7,
  38. "captionLeft": 200,
  39. "captionRight": 1080,
  40. "subtitleTop": 60,
  41. "subtitleFont": "300 44px 'Neue Haas Grotesk Text Pro'",
  42. "subtitleLineHeight": 44,
  43. "subtitleLineSpacing": 5,
  44. "subtitleLeft": 640,
  45. "subtitleRight": 1220,
  46. "subtitleAlign": "right",
  47. "backgroundColor": "#eee",
  48. "foregroundColor": "#de1e3d",
  49. "name": "Basic",
  50. "waveColor": "#de1e3d",
  51. "captionColor": "#de1e3d",
  52. "waveLeft": 0,
  53. "waveRight": 1280,
  54. "noPattern": false
  55. },
  56. "Neon": {
  57. "backgroundColor": "#556270",
  58. "foregroundColor": "#c7f464"
  59. },
  60. "Three colors": {
  61. "backgroundColor": "#eee",
  62. "captionColor": "#515151",
  63. "waveColor": "#00b4ff"
  64. },
  65. "Background image with top right text": {
  66. "captionAlign": "right",
  67. "captionTop": 60,
  68. "captionRight": 1220,
  69. "captionLeft": 640,
  70. "backgroundImage": "subway.jpg",
  71. "foregroundColor": "#fc0",
  72. "waveBottom": 660,
  73. "waveTop": 320
  74. },
  75. "Bars": {
  76. "pattern": "bars",
  77. "foregroundColor": "#d84a4a"
  78. },
  79. "Rounded bars with bottom left text": {
  80. "pattern": "roundBars",
  81. "foregroundColor": "#d84a4a",
  82. "captionAlign": "left",
  83. "captionLeft": 60,
  84. "captionRight": 640,
  85. "captionBottom": 660,
  86. "captionTop": null
  87. },
  88. "Line": {
  89. "backgroundColor": "#edc951",
  90. "foregroundColor": "#00a0b0",
  91. "pattern": "line"
  92. },
  93. "Curve": {
  94. "backgroundColor": "#00a0b0",
  95. "foregroundColor": "#edc951",
  96. "pattern": "curve"
  97. },
  98. "Bricks": {
  99. "backgroundColor": "#8771aa",
  100. "foregroundColor": "#fff",
  101. "pattern": "bricks"
  102. },
  103. "Equalizer on the bottom": {
  104. "width": 1280,
  105. "height": 720,
  106. "framesPerSecond": 20,
  107. "maxDuration": 1200,
  108. "samplesPerFrame": 128,
  109. "pattern": "equalizer",
  110. "waveTop": 420,
  111. "waveBottom": 720,
  112. "captionTop": 40,
  113. "captionFont": "300 52px 'Source Sans Pro'",
  114. "captionLineHeight": 52,
  115. "captionLineSpacing": 7,
  116. "captionLeft": 200,
  117. "captionRight": 1080,
  118. "subtitleTop": 60,
  119. "subtitleFont": "300 44px 'Source Sans Pro'",
  120. "subtitleLineHeight": 44,
  121. "subtitleLineSpacing": 5,
  122. "subtitleLeft": 640,
  123. "subtitleRight": 1220,
  124. "subtitleAlign": "right",
  125. "backgroundColor": "#222",
  126. "foregroundColor": "#fff",
  127. "captionBottom": 380,
  128. "name": "Equalizer on the bottom",
  129. "waveColor": "transparent",
  130. "captionColor": "#fff",
  131. "waveLeft": 0,
  132. "waveRight": 1280,
  133. "noPattern": false
  134. },
  135. "Bold italic orange": {
  136. "captionAlign": "right",
  137. "captionTop": null,
  138. "captionBottom": 660,
  139. "captionRight": 1220,
  140. "captionLeft": 640,
  141. "backgroundColor": "#fd5a1e",
  142. "waveColor": "#fff",
  143. "captionFont": "bold italic 52px 'Source Sans Pro'"
  144. },
  145. "Pixelated": {
  146. "backgroundColor": "#ecd078",
  147. "foregroundColor": "#c02942",
  148. "pattern": "pixel"
  149. },
  150. "Square with background image": {
  151. "width": 640,
  152. "height": 640,
  153. "framesPerSecond": 20,
  154. "maxDuration": 1200,
  155. "samplesPerFrame": 64,
  156. "pattern": "wave",
  157. "waveTop": 20,
  158. "waveBottom": 300,
  159. "captionTop": 340,
  160. "captionFont": "300 52px 'Source Sans Pro'",
  161. "captionLineHeight": 52,
  162. "captionLineSpacing": 7,
  163. "captionLeft": 20,
  164. "captionRight": 620,
  165. "subtitleTop": 60,
  166. "subtitleFont": "300 44px 'Source Sans Pro'",
  167. "subtitleLineHeight": 44,
  168. "subtitleLineSpacing": 5,
  169. "subtitleLeft": 640,
  170. "subtitleRight": 1220,
  171. "subtitleAlign": "right",
  172. "foregroundColor": "#0eb8ba",
  173. "backgroundImage": "nyc.png",
  174. "name": "Square with background image",
  175. "backgroundImageFile": {},
  176. "backgroundColor": "#fff",
  177. "waveColor": "#0eb8ba",
  178. "captionColor": "#0eb8ba",
  179. "waveLeft": 0,
  180. "waveRight": 640,
  181. "noPattern": false
  182. },
  183. "sports-1": {
  184. "width": 1280,
  185. "height": 720,
  186. "framesPerSecond": 20,
  187. "maxDuration": 1200,
  188. "samplesPerFrame": 128,
  189. "pattern": "wave",
  190. "waveTop": 150,
  191. "waveBottom": 420,
  192. "captionTop": 470,
  193. "captionFont": "300 52px 'Source Sans Pro'",
  194. "captionLineHeight": 52,
  195. "captionLineSpacing": 7,
  196. "captionLeft": 200,
  197. "captionRight": 1080,
  198. "subtitleTop": 60,
  199. "subtitleFont": "300 44px 'Source Sans Pro'",
  200. "subtitleLineHeight": 44,
  201. "subtitleLineSpacing": 5,
  202. "subtitleLeft": 640,
  203. "subtitleRight": 1220,
  204. "subtitleAlign": "right",
  205. "backgroundImage": "GettyImages-334308.jpg",
  206. "noPattern": true,
  207. "name": "sports-1",
  208. "backgroundImageFile": {},
  209. "backgroundColor": "#fff",
  210. "captionColor": "#000",
  211. "waveLeft": 0,
  212. "waveRight": 1280,
  213. "waveColor": "#000"
  214. },
  215. "test": {
  216. "width": 720,
  217. "height": 1280,
  218. "framesPerSecond": 20,
  219. "maxDuration": 1200,
  220. "samplesPerFrame": 128,
  221. "pattern": "wave",
  222. "waveTop": 150,
  223. "waveBottom": 420,
  224. "captionTop": 470,
  225. "captionFont": "300 52px 'Neue Haas Grotesk Text Pro'",
  226. "captionLineHeight": 52,
  227. "captionLineSpacing": 7,
  228. "captionLeft": 200,
  229. "captionRight": 1080,
  230. "subtitleTop": 60,
  231. "subtitleFont": "300 44px 'Neue Haas Grotesk Text Pro'",
  232. "subtitleLineHeight": 44,
  233. "subtitleLineSpacing": 5,
  234. "subtitleLeft": 360,
  235. "subtitleRight": 700,
  236. "subtitleAlign": "right",
  237. "backgroundImage": "GettyImages-51127540.jpg",
  238. "name": "test",
  239. "backgroundImageFile": {},
  240. "backgroundColor": "#fff",
  241. "waveColor": "#000",
  242. "captionColor": "#000",
  243. "waveLeft": 0,
  244. "waveRight": 720,
  245. "noPattern": true,
  246. "captionColor": "#de1e3d",
  247. "subtitleColor": "#0eb8ba"
  248. }
  249. }