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

themes.json 2.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. {
  2. "default": {
  3. "width": 1280,
  4. "height": 720,
  5. "framesPerSecond": 20,
  6. "maxDuration": 300,
  7. "samplesPerFrame": 128,
  8. "backgroundColor": "#ffffff",
  9. "backgroundImage": "",
  10. "captionColor": "#000000",
  11. "captionAlign": "left",
  12. "captionFont": "300 52px 'Source Sans Pro'",
  13. "captionLineHeight": 52,
  14. "captionLineSpacing": 7,
  15. "captionLeft": 60,
  16. "captionRight": 640,
  17. "captionTop": null,
  18. "captionBottom": 660,
  19. "pattern": "wave",
  20. "waveTop": 0,
  21. "waveBottom": 720,
  22. "waveLeft": 0,
  23. "waveRight": 1280,
  24. "waveColor": "#000000"
  25. },
  26. "Basic": {
  27. "backgroundColor": "#eee",
  28. "captionColor": "#de1e3d",
  29. "waveColor": "#de1e3d"
  30. },
  31. "Neon": {
  32. "backgroundColor": "#556270",
  33. "captionColor": "#c7f464",
  34. "waveColor": "#c7f464"
  35. },
  36. "Background image with top right text": {
  37. "captionAlign": "right",
  38. "captionTop": 60,
  39. "captionRight": 1220,
  40. "captionLeft": 640,
  41. "backgroundImage": "subway.jpg",
  42. "captionColor": "#fc0fc0",
  43. "waveColor": "#fc0fc0",
  44. "waveBottom": 660,
  45. "waveTop": 320
  46. },
  47. "Bars": {
  48. "pattern": "bars",
  49. "captionColor": "#d84a4a",
  50. "waveColor": "#d84a4a"
  51. },
  52. "Rounded bars with bottom left text": {
  53. "pattern": "roundBars",
  54. "captionColor": "#d84a4a",
  55. "waveColor": "#d84a4a",
  56. "captionAlign": "left",
  57. "captionLeft": 60,
  58. "captionRight": 640,
  59. "captionBottom": 660,
  60. "captionTop": null
  61. },
  62. "Line": {
  63. "backgroundColor": "#edc951",
  64. "captionColor": "#00a0b0",
  65. "waveColor": "#00a0b0",
  66. "pattern": "line"
  67. },
  68. "Curve": {
  69. "backgroundColor": "#00a0b0",
  70. "captionColor": "#edc951",
  71. "waveColor": "#edc951",
  72. "pattern": "curve"
  73. },
  74. "Bricks": {
  75. "backgroundColor": "#8771aa",
  76. "captionColor": "#ffffff",
  77. "waveColor": "#ffffff",
  78. "pattern": "bricks"
  79. },
  80. "Equalizer on the bottom": {
  81. "backgroundColor": "#222",
  82. "captionColor": "#ffffff",
  83. "waveColor": "#ffffff",
  84. "pattern": "equalizer",
  85. "captionTop": 40,
  86. "captionBottom": 380,
  87. "waveTop": 420,
  88. "waveBottom": 720
  89. },
  90. "Bold italic orange": {
  91. "captionAlign": "right",
  92. "captionTop": null,
  93. "captionBottom": 660,
  94. "captionRight": 1220,
  95. "captionLeft": 640,
  96. "backgroundColor": "#fd5a1e",
  97. "waveColor": "#fff",
  98. "captionFont": "bold italic 52px 'Source Sans Pro'"
  99. },
  100. "Pixelated": {
  101. "backgroundColor": "#ecd078",
  102. "captionColor": "#c02942",
  103. "waveColor": "#c02942",
  104. "pattern": "pixel"
  105. },
  106. "Square with background image": {
  107. "width": 640,
  108. "height": 640,
  109. "samplesPerFrame": 64,
  110. "waveTop": 20,
  111. "waveBottom": 300,
  112. "captionTop": 340,
  113. "captionLeft": 20,
  114. "captionRight": 620,
  115. "captionColor": "#0eb8ba",
  116. "waveColor": "#0eb8ba",
  117. "backgroundImage": "nyc.png"
  118. },
  119. "Three colors": {
  120. "backgroundColor": "#eeeeee",
  121. "captionColor": "#515151",
  122. "waveTop": 100,
  123. "waveBottom": 500,
  124. "waveColor": "#53fe64"
  125. }
  126. }