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

themes.json 3.6KB

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