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

themes.json 3.4KB

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