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

themes.json 4.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
  1. {
  2. "default": {
  3. "width": 1280,
  4. "height": 720,
  5. "framesPerSecond": 20,
  6. "maxDuration": 300,
  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. },
  18. "Battle Scars": {
  19. "captionAlign": "center",
  20. "captionTop": 200,
  21. "backgroundImage": "BattleScars-audiogram.jpg",
  22. "foregroundColor": "#fff",
  23. "waveBottom": 700,
  24. "waveTop": 320
  25. },
  26. "Haunted": {
  27. "captionAlign": "right",
  28. "captionTop": 220,
  29. "captionRight": 1170,
  30. "backgroundImage": "Haunted-audiogram.jpg",
  31. "foregroundColor": "#fff",
  32. "waveBottom": 700,
  33. "waveTop": 320
  34. },
  35. "Tumanbay": {
  36. "captionAlign": "center",
  37. "captionTop": 200,
  38. "backgroundImage": "TumanBay-audiogram.jpg",
  39. "foregroundColor": "#fff",
  40. "waveBottom": 600,
  41. "waveTop": 300
  42. },
  43. "By The Book": {
  44. "captionAlign": "right",
  45. "captionTop": 200,
  46. "captionRight": 1200,
  47. "backgroundImage": "ByTheBook-audiogram.jpg",
  48. "foregroundColor": "#fff",
  49. "waveBottom": 700,
  50. "waveTop": 320
  51. },
  52. "Panoply Pilot Project": {
  53. "captionAlign": "right",
  54. "captionTop": 60,
  55. "captionRight": 1220,
  56. "captionLeft": 640,
  57. "backgroundImage": "ppp.jpg",
  58. "foregroundColor": "#fc0",
  59. "waveBottom": 660,
  60. "waveTop": 320
  61. },
  62. "Slate Represent": {
  63. "captionAlign": "right",
  64. "captionTop": 60,
  65. "captionRight": 1220,
  66. "captionLeft": 640,
  67. "backgroundImage": "represent.jpg",
  68. "foregroundColor": "#ffffff",
  69. "waveBottom": 660,
  70. "waveTop": 320
  71. },
  72. "Why Oh Why": {
  73. "captionAlign": "right",
  74. "captionTop": 60,
  75. "captionRight": 1220,
  76. "captionLeft": 640,
  77. "backgroundImage": "why_oh_why.jpg",
  78. "captionColor": "#727074",
  79. "waveColor": "#00b3ff",
  80. "waveBottom": 660,
  81. "waveTop": 320
  82. },
  83. "Dear Prudie": {
  84. "foregroundColor": "#fff",
  85. "backgroundImage": "dear_prudie.jpg",
  86. "pattern": "equalizer",
  87. "captionTop": 40,
  88. "captionBottom": 380,
  89. "waveTop": 420,
  90. "waveBottom": 720
  91. },
  92. "LifeAfter-Center": {
  93. "captionAlign": "center",
  94. "captionTop": 60,
  95. "captionRight": 1080,
  96. "captionLeft": 200,
  97. "backgroundImage": "LifeAfter-BG-Center.jpg",
  98. "captionColor": "#ffffff",
  99. "pattern": "line",
  100. "waveColor": "#038f93",
  101. "waveBottom": 680,
  102. "waveTop": 440
  103. },
  104. "LifeAfter-Left": {
  105. "captionAlign": "center",
  106. "captionTop": 200,
  107. "captionBottom": 380,
  108. "captionRight": 1255,
  109. "captionLeft": 805,
  110. "backgroundImage": "LifeAfter-BG-Left.jpg",
  111. "captionColor": "#ffffff",
  112. "pattern": "line",
  113. "waveColor": "#038f93",
  114. "waveBottom": 680,
  115. "waveTop": 440
  116. },
  117. "Slate - Election Day Special": {
  118. "captionAlign": "right",
  119. "captionTop": 60,
  120. "captionRight": 1220,
  121. "captionLeft": 640,
  122. "backgroundImage": "slate_election_special.png",
  123. "captionColor": "#ffffff",
  124. "waveColor": "#ffffff",
  125. "waveBottom": 660,
  126. "waveTop": 320
  127. },
  128. "Megaphone Dark": {
  129. "backgroundColor": "#232831",
  130. "captionColor": "#44484f",
  131. "waveColor": "#7373ea"
  132. },
  133. "Background image with top right text": {
  134. "captionAlign": "right",
  135. "captionTop": 60,
  136. "captionRight": 1220,
  137. "captionLeft": 640,
  138. "backgroundImage": "subway.jpg",
  139. "foregroundColor": "#fc0",
  140. "waveBottom": 660,
  141. "waveTop": 320
  142. },
  143. "Bars": {
  144. "pattern": "bars",
  145. "foregroundColor": "#d84a4a"
  146. },
  147. "Rounded bars with bottom left text": {
  148. "pattern": "roundBars",
  149. "foregroundColor": "#d84a4a",
  150. "captionAlign": "left",
  151. "captionLeft": 60,
  152. "captionRight": 640,
  153. "captionBottom": 660,
  154. "captionTop": null
  155. },
  156. "Line": {
  157. "backgroundColor": "#edc951",
  158. "foregroundColor": "#00a0b0",
  159. "pattern": "line"
  160. },
  161. "Curve": {
  162. "backgroundColor": "#00a0b0",
  163. "foregroundColor": "#edc951",
  164. "pattern": "curve"
  165. },
  166. "Bricks": {
  167. "backgroundColor": "#8771aa",
  168. "foregroundColor": "#fff",
  169. "pattern": "bricks"
  170. },
  171. "Equalizer on the bottom": {
  172. "backgroundColor": "#222",
  173. "foregroundColor": "#fff",
  174. "pattern": "equalizer",
  175. "captionTop": 40,
  176. "captionBottom": 380,
  177. "waveTop": 420,
  178. "waveBottom": 720
  179. },
  180. "Bold italic orange": {
  181. "captionAlign": "right",
  182. "captionTop": null,
  183. "captionBottom": 660,
  184. "captionRight": 1220,
  185. "captionLeft": 640,
  186. "backgroundColor": "#fd5a1e",
  187. "waveColor": "#fff",
  188. "captionFont": "bold italic 52px 'Source Sans Pro'"
  189. },
  190. "Pixelated": {
  191. "backgroundColor": "#ecd078",
  192. "foregroundColor": "#c02942",
  193. "pattern": "pixel"
  194. },
  195. "Square with background image": {
  196. "width": 640,
  197. "height": 640,
  198. "samplesPerFrame": 64,
  199. "waveTop": 20,
  200. "waveBottom": 300,
  201. "captionTop": 340,
  202. "captionLeft": 20,
  203. "captionRight": 620,
  204. "foregroundColor": "#0eb8ba",
  205. "backgroundImage": "nyc.png"
  206. }
  207. }