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

themes.json 4.1KB

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