bug fix 및 player 재생 확인
parent
16ef7bd97d
commit
b6ece9891a
|
|
@ -0,0 +1,31 @@
|
||||||
|
<svg width="397" height="80" viewBox="0 0 397 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M3.95802 79.8287L5.12313 78.5265H11.7541L8.53284 71.9298L1.81623 79.8287H0L7.76178 70.7646C8.01879 70.4734 8.39579 70.1821 8.87555 70.1821C9.35531 70.1821 9.6294 70.4391 9.78361 70.7646L14.2728 79.8287H3.95802Z" fill="white"/>
|
||||||
|
<path d="M26.8998 70.3193H28.4419L27.4824 75.6823C26.9684 78.5608 24.8952 80.0001 21.2113 80.0001C17.5274 80.0001 15.7968 78.8864 15.7968 76.6418C15.7968 76.3505 15.7968 76.0078 15.8825 75.6823L16.842 70.3193H18.3841L17.4246 75.6823C17.3732 75.9393 17.3561 76.1964 17.3561 76.4191C17.3561 78.0126 18.5725 78.7151 21.4511 78.7151C24.7409 78.7151 25.5805 77.8241 25.9403 75.6823L26.8998 70.3193Z" fill="white"/>
|
||||||
|
<path d="M33.6685 79.8288L35.1249 71.6215H30.0703L31.3382 70.3193H42.3384L41.1048 71.6215H36.667L35.2106 79.8288H33.6685Z" fill="white"/>
|
||||||
|
<path d="M47.4449 79.9996C43.7096 79.9996 41.8076 78.7488 41.8076 76.0244C41.8076 72.0836 44.2064 70.1646 49.1753 70.1646C52.9106 70.1646 54.8126 71.3982 54.8126 74.1226C54.8126 78.0634 52.4309 79.9996 47.4449 79.9996ZM48.9527 71.4668C44.8576 71.4668 43.384 72.7347 43.384 75.8703C43.384 77.9264 44.7547 78.6974 47.6847 78.6974C51.7626 78.6974 53.2533 77.4124 53.2533 74.2768C53.2533 72.2207 51.8827 71.4668 48.9527 71.4668Z" fill="white"/>
|
||||||
|
<path d="M70.3356 79.8282L69.0505 72.1691L64.5785 79.3484C64.2701 79.8624 63.9273 79.9481 63.5675 79.9481C63.2077 79.9481 62.8992 79.8624 62.7793 79.3484L60.8946 72.1691L56.8338 79.8282H55.3259L60.0207 70.9183C60.2777 70.4557 60.6376 70.1987 61.0317 70.1987C61.4258 70.1987 61.7341 70.4214 61.8198 70.7641L63.8074 78.2518L68.6222 70.7641C68.8278 70.4385 69.119 70.1987 69.5817 70.1987C69.9929 70.1987 70.2842 70.4557 70.3527 70.9183L71.8776 79.8282H70.3356Z" fill="white"/>
|
||||||
|
<path d="M77.2929 79.8282L78.458 78.526H85.0889L81.8677 71.9293L75.1511 79.8282H73.3348L81.0966 70.7641C81.3536 70.4729 81.7306 70.1816 82.2104 70.1816C82.6901 70.1816 82.9642 70.4386 83.1184 70.7641L87.6077 79.8282H77.2929Z" fill="white"/>
|
||||||
|
<path d="M91.0336 79.8288L92.49 71.6215H87.4354L88.7033 70.3193H99.7036L98.4698 71.6215H94.0321L92.5756 79.8288H91.0336Z" fill="white"/>
|
||||||
|
<path d="M100.014 79.8288L101.693 70.3193H111.802L110.569 71.6215H103.012L102.498 74.483H110.603L109.523 75.6138H102.293L101.779 78.5266H110.397L109.164 79.8288H99.9968H100.014Z" fill="white"/>
|
||||||
|
<path d="M112.246 79.8284L113.291 73.8999H114.834L114.028 78.5433H118.397C120.813 78.5433 122.869 76.8127 122.869 74.5682C122.869 72.8547 121.567 71.6382 119.631 71.6382H113.72L114.936 70.3359H119.854C122.612 70.3359 124.412 71.9637 124.412 74.3111C124.412 77.3953 121.567 79.8455 118.175 79.8455H112.263L112.246 79.8284Z" fill="white"/>
|
||||||
|
<path d="M146.653 79.8282L145.368 72.1691L140.896 79.3484C140.588 79.8624 140.245 79.9481 139.885 79.9481C139.525 79.9481 139.217 79.8624 139.097 79.3484L137.212 72.1691L133.151 79.8282H131.644L136.338 70.9183C136.596 70.4557 136.955 70.1987 137.349 70.1987C137.743 70.1987 138.052 70.4214 138.138 70.7641L140.125 78.2518L144.94 70.7641C145.145 70.4385 145.437 70.1987 145.899 70.1987C146.311 70.1987 146.602 70.4557 146.67 70.9183L148.195 79.8282H146.653Z" fill="white"/>
|
||||||
|
<path d="M153.609 79.8282L154.775 78.526H161.406L158.184 71.9293L151.468 79.8282H149.651L157.413 70.7641C157.67 70.4729 158.047 70.1816 158.527 70.1816C159.007 70.1816 159.281 70.4386 159.435 70.7641L163.924 79.8282H153.609Z" fill="white"/>
|
||||||
|
<path d="M176.398 79.8288L173.553 76.6932H168.07L167.522 79.8288H165.98L166.751 75.4425H173.571C175.507 75.4425 177.306 74.8599 177.306 73.2664C177.306 71.9984 176.055 71.6215 174.256 71.6215H167.402L168.636 70.3193H175.044C177.066 70.3193 178.934 71.056 178.934 73.0265C178.934 74.9969 177.392 76.2135 175.198 76.4191L178.488 79.846H176.398V79.8288Z" fill="white"/>
|
||||||
|
<path d="M180.596 79.8288L182.275 70.3193H192.385L191.151 71.6215H183.595L183.081 74.483H191.185L190.106 75.6138H182.875L182.361 78.5266H190.98L189.746 79.8288H180.579H180.596Z" fill="white"/>
|
||||||
|
<path d="M201.534 79.8288L195.177 75.2711L194.372 79.8288H192.83L194.509 70.3193H196.051L195.315 74.483L202.631 70.3193H205.081L196.617 74.9113L203.813 79.8288H201.517H201.534Z" fill="white"/>
|
||||||
|
<path d="M209.535 79.8288L210.992 71.6215H205.937L207.205 70.3193H218.205L216.972 71.6215H212.534L211.077 79.8288H209.535Z" fill="white"/>
|
||||||
|
<path d="M218.548 79.8288L220.244 70.3193H221.786L220.09 79.8288H218.548Z" fill="white"/>
|
||||||
|
<path d="M225.642 72.2377L224.306 79.8282H222.918L224.46 71.1582C224.58 70.4729 225.008 70.1987 225.488 70.1987C225.676 70.1987 225.882 70.2672 226.087 70.49L232.444 77.892L233.781 70.2672H235.169L233.627 78.9372C233.507 79.6225 233.078 79.8967 232.599 79.8967C232.393 79.8967 232.187 79.8453 231.999 79.6054L225.642 72.2034V72.2377Z" fill="white"/>
|
||||||
|
<path d="M241.44 79.8288C238.612 79.8288 236.745 78.0469 236.745 75.6652C236.745 72.5296 239.623 70.3193 243.119 70.3193H249.236L248.019 71.6215H242.896C240.36 71.6215 238.287 73.1807 238.287 75.5795C238.287 77.3786 239.641 78.5438 241.679 78.5438H245.894L246.426 75.5453H240.874L242.022 74.3802H248.173L247.214 79.846H241.474L241.44 79.8288Z" fill="white"/>
|
||||||
|
<path d="M256.313 79.8288L257.992 70.3193H268.101L266.868 71.6215H259.311L258.797 74.483H266.902L265.822 75.6138H258.592L258.078 78.5266H266.696L265.462 79.8288H256.296H256.313Z" fill="white"/>
|
||||||
|
<path d="M269.523 70.3193H271.408L275.246 78.2011L281.98 70.3193H283.779L276.034 79.3833C275.76 79.6917 275.4 79.9658 274.903 79.9658C274.441 79.9658 274.167 79.7089 274.012 79.3833L269.54 70.3193H269.523Z" fill="white"/>
|
||||||
|
<path d="M284.19 79.8288L285.869 70.3193H295.978L294.745 71.6215H287.189L286.674 74.483H294.779L293.7 75.6138H286.469L285.955 78.5266H294.573L293.34 79.8288H284.173H284.19Z" fill="white"/>
|
||||||
|
<path d="M306.826 79.8288L303.981 76.6932H298.498L297.95 79.8288H296.408L297.179 75.4425H303.998C305.935 75.4425 307.734 74.8599 307.734 73.2664C307.734 71.9984 306.483 71.6215 304.684 71.6215H297.83L299.064 70.3193H305.472C307.494 70.3193 309.361 71.056 309.361 73.0265C309.361 74.9969 307.819 76.2135 305.626 76.4191L308.916 79.846H306.826V79.8288Z" fill="white"/>
|
||||||
|
<path d="M315.065 79.8288L315.682 76.2992L310.73 70.3193H312.666L316.642 75.1341L322.21 70.3193H324.215L317.224 76.2992L316.607 79.8288H315.065Z" fill="white"/>
|
||||||
|
<path d="M327.128 70.3187L328.413 77.9777L332.885 70.7984C333.211 70.2844 333.553 70.1987 333.896 70.1987C334.273 70.1987 334.581 70.2844 334.701 70.7984L336.586 77.9777L340.647 70.3187H342.155L337.443 79.2284C337.203 79.691 336.843 79.9481 336.432 79.9481C336.055 79.9481 335.747 79.7254 335.644 79.3827L333.656 71.895L328.859 79.3827C328.653 79.6911 328.362 79.9481 327.882 79.9481C327.488 79.9481 327.197 79.691 327.111 79.2284L325.603 70.3187H327.128Z" fill="white"/>
|
||||||
|
<path d="M351.477 79.8288L352.231 75.5453H344.915L344.161 79.8288H342.619L344.298 70.3193H345.84L345.138 74.243H352.437L353.156 70.3193H354.698L353.002 79.8288H351.46H351.477Z" fill="white"/>
|
||||||
|
<path d="M355.845 79.8288L357.524 70.3193H367.634L366.4 71.6215H358.844L358.33 74.483H366.434L365.355 75.6138H358.124L357.61 78.5266H366.229L364.995 79.8288H355.828H355.845Z" fill="white"/>
|
||||||
|
<path d="M378.481 79.8288L375.636 76.6932H370.153L369.605 79.8288H368.063L368.834 75.4425H375.653C377.59 75.4425 379.389 74.8599 379.389 73.2664C379.389 71.9984 378.138 71.6215 376.339 71.6215H369.485L370.719 70.3193H377.127C379.149 70.3193 381.017 71.056 381.017 73.0265C381.017 74.9969 379.474 76.2135 377.281 76.4191L380.571 79.846H378.481V79.8288Z" fill="white"/>
|
||||||
|
<path d="M382.679 79.8288L384.358 70.3193H394.467L393.234 71.6215H385.677L385.163 74.483H393.268L392.188 75.6138H384.958L384.444 78.5266H393.062L391.829 79.8288H382.662H382.679Z" fill="white"/>
|
||||||
|
<path d="M27.963 56.783L34.8167 49.1926H73.7287L54.7782 10.452L15.3692 56.8002H4.67743L50.2718 3.61531C51.7796 1.86761 54.0242 0.188452 56.7828 0.188452C59.5415 0.188452 61.2035 1.69627 62.1287 3.61531L88.5156 56.8002H27.9801L27.963 56.783ZM94.2728 56.783L100.373 21.9662H109.471L104.708 49.1926H130.341C144.528 49.1926 156.556 38.9976 156.556 25.8042C156.556 15.695 148.965 8.60144 137.52 8.60144H102.789L109.968 0.925318H138.856C155.048 0.925318 165.654 10.4519 165.654 24.3135C165.654 42.4416 148.948 56.8002 129.004 56.8002H94.2728V56.783ZM204.241 57.7082C182.275 57.7082 171.172 50.3577 171.172 34.4057C171.172 11.2744 185.29 0 214.419 0C236.385 0 247.488 7.26491 247.488 23.2169C247.488 46.3482 233.455 57.7082 204.241 57.7082ZM213.099 7.60762C189.043 7.60762 180.373 15.0439 180.373 33.4975C180.373 45.6114 188.392 50.1178 205.594 50.1178C229.565 50.1178 238.321 42.5959 238.321 24.1422C238.321 12.0283 230.302 7.60762 213.099 7.60762ZM249.013 56.783L251.943 40.2484C253.69 30.2249 261.47 25.393 274.149 25.393H298.531C308.794 25.393 312.975 21.8805 312.975 15.8664C312.975 10.3491 307.458 8.60144 296.938 8.60144H260.784L268.049 0.925318H302.026C316.299 0.925318 321.902 6.18548 321.902 14.033C321.902 24.2964 315.22 32.0754 298.188 32.0754H273.806C266.13 32.0754 261.778 34.4913 260.698 40.1799L259.191 49.1926H316.728L309.548 56.783H249.013ZM324.849 56.406C323.41 56.406 322.331 55.5665 322.331 54.2129C322.331 52.3452 323.958 51.2829 325.775 51.2829C327.265 51.2829 328.379 52.0711 328.379 53.4247C328.379 55.2923 326.751 56.406 324.832 56.406H324.849ZM346.113 55.9948L349.934 51.7455H371.66L361.071 30.1049L339.054 55.9948H333.091L358.552 26.284C359.392 25.3074 360.643 24.365 362.185 24.365C363.727 24.365 364.652 25.2046 365.166 26.284L379.902 55.9948H346.096H346.113ZM386.122 55.9948L391.673 24.7934H396.711L391.159 55.9948H386.122Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 9.3 KiB |
|
|
@ -0,0 +1,31 @@
|
||||||
|
<svg width="705" height="142" viewBox="0 0 705 142" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M7.02548 141.696L9.09356 139.385H20.8635L15.1458 127.675L3.22381 141.696H0L13.7772 125.607C14.2334 125.09 14.9025 124.573 15.7541 124.573C16.6057 124.573 17.0922 125.029 17.3659 125.607L25.3342 141.696H7.02548Z" fill="white"/>
|
||||||
|
<path d="M47.7471 124.816H50.4844L48.7812 134.336C47.8688 139.445 44.1889 142 37.65 142C31.1112 142 28.0393 140.023 28.0393 136.039C28.0393 135.522 28.0393 134.913 28.1913 134.336L29.8945 124.816H32.6318L30.9286 134.336C30.8374 134.792 30.807 135.248 30.807 135.644C30.807 138.472 32.9662 139.719 38.0757 139.719C43.915 139.719 45.4053 138.137 46.044 134.336L47.7471 124.816Z" fill="white"/>
|
||||||
|
<path d="M59.7615 141.696L62.3467 127.128H53.3748L55.6253 124.816H75.1506L72.961 127.128H65.0838L62.4988 141.696H59.7615Z" fill="white"/>
|
||||||
|
<path d="M84.2146 142C77.5845 142 74.2085 139.78 74.2085 134.944C74.2085 127.949 78.4663 124.542 87.2862 124.542C93.9163 124.542 97.2923 126.732 97.2923 131.568C97.2923 138.563 93.0649 142 84.2146 142ZM86.891 126.854C79.6222 126.854 77.0067 129.105 77.0067 134.67C77.0067 138.32 79.4396 139.688 84.6403 139.688C91.8786 139.688 94.5246 137.407 94.5246 131.842C94.5246 128.192 92.0917 126.854 86.891 126.854Z" fill="white"/>
|
||||||
|
<path d="M124.846 141.695L122.565 128.1L114.627 140.844C114.079 141.756 113.471 141.908 112.832 141.908C112.194 141.908 111.646 141.756 111.433 140.844L108.088 128.1L100.88 141.695H98.2036L106.537 125.88C106.993 125.059 107.632 124.603 108.331 124.603C109.031 124.603 109.578 124.998 109.73 125.607L113.258 138.897L121.804 125.607C122.169 125.029 122.686 124.603 123.508 124.603C124.237 124.603 124.755 125.059 124.876 125.88L127.583 141.695H124.846Z" fill="white"/>
|
||||||
|
<path d="M137.195 141.695L139.263 139.384H151.033L145.315 127.675L133.393 141.695H130.169L143.947 125.607C144.403 125.09 145.072 124.573 145.924 124.573C146.775 124.573 147.262 125.029 147.535 125.607L155.504 141.695H137.195Z" fill="white"/>
|
||||||
|
<path d="M161.585 141.696L164.17 127.128H155.198L157.448 124.816H176.974L174.784 127.128H166.907L164.322 141.696H161.585Z" fill="white"/>
|
||||||
|
<path d="M177.525 141.696L180.505 124.816H198.449L196.259 127.128H182.847L181.935 132.207H196.32L194.404 134.214H181.57L180.657 139.384H195.955L193.765 141.696H177.494H177.525Z" fill="white"/>
|
||||||
|
<path d="M199.237 141.696L201.092 131.173H203.83L202.4 139.415H210.156C214.444 139.415 218.093 136.343 218.093 132.359C218.093 129.318 215.782 127.158 212.345 127.158H201.853L204.012 124.847H212.741C217.637 124.847 220.831 127.736 220.831 131.903C220.831 137.377 215.782 141.726 209.76 141.726H199.268L199.237 141.696Z" fill="white"/>
|
||||||
|
<path d="M260.31 141.695L258.029 128.1L250.091 140.844C249.543 141.756 248.935 141.908 248.296 141.908C247.658 141.908 247.11 141.756 246.897 140.844L243.552 128.1L236.344 141.695H233.667L242.001 125.88C242.457 125.059 243.096 124.603 243.795 124.603C244.495 124.603 245.042 124.998 245.194 125.607L248.722 138.897L257.268 125.607C257.633 125.029 258.15 124.603 258.971 124.603C259.701 124.603 260.218 125.059 260.34 125.88L263.047 141.695H260.31Z" fill="white"/>
|
||||||
|
<path d="M272.657 141.695L274.725 139.384H286.495L280.777 127.675L268.855 141.695H265.631L279.409 125.607C279.865 125.09 280.534 124.573 281.385 124.573C282.237 124.573 282.724 125.029 282.997 125.607L290.966 141.695H272.657Z" fill="white"/>
|
||||||
|
<path d="M313.106 141.696L308.057 136.13H298.325L297.352 141.696H294.615L295.983 133.91H308.088C311.525 133.91 314.718 132.876 314.718 130.047C314.718 127.797 312.498 127.128 309.304 127.128H297.139L299.329 124.816H310.703C314.292 124.816 317.607 126.124 317.607 129.622C317.607 133.119 314.87 135.279 310.977 135.644L316.816 141.726H313.106V141.696Z" fill="white"/>
|
||||||
|
<path d="M320.558 141.696L323.539 124.816H341.482L339.293 127.128H325.88L324.968 132.207H339.353L337.437 134.214H324.603L323.691 139.384H338.989L336.799 141.696H320.528H320.558Z" fill="white"/>
|
||||||
|
<path d="M357.723 141.696L346.44 133.606L345.011 141.696H342.273L345.254 124.816H347.991L346.683 132.207L359.67 124.816H364.019L348.995 132.967L361.768 141.696H357.693H357.723Z" fill="white"/>
|
||||||
|
<path d="M371.925 141.696L374.51 127.128H365.539L367.789 124.816H387.314L385.125 127.128H377.248L374.663 141.696H371.925Z" fill="white"/>
|
||||||
|
<path d="M387.922 141.696L390.933 124.816H393.67L390.659 141.696H387.922Z" fill="white"/>
|
||||||
|
<path d="M400.515 128.222L398.142 141.695H395.679L398.416 126.306C398.629 125.09 399.389 124.603 400.241 124.603C400.576 124.603 400.94 124.725 401.305 125.12L412.589 138.259L414.961 124.725H417.425L414.687 140.114C414.474 141.33 413.714 141.817 412.863 141.817C412.498 141.817 412.133 141.726 411.798 141.3L400.515 128.161V128.222Z" fill="white"/>
|
||||||
|
<path d="M428.555 141.696C423.537 141.696 420.222 138.533 420.222 134.305C420.222 128.74 425.332 124.816 431.536 124.816H442.393L440.234 127.128H431.14C426.639 127.128 422.959 129.895 422.959 134.153C422.959 137.347 425.362 139.415 428.981 139.415H436.463L437.406 134.092H427.552L429.59 132.024H440.508L438.805 141.726H428.616L428.555 141.696Z" fill="white"/>
|
||||||
|
<path d="M454.955 141.696L457.936 124.816H475.88L473.69 127.128H460.278L459.365 132.207H473.751L471.835 134.214H459L458.088 139.384H473.386L471.196 141.696H454.925H454.955Z" fill="white"/>
|
||||||
|
<path d="M478.404 124.816H481.749L488.562 138.806L500.514 124.816H503.708L489.961 140.905C489.474 141.452 488.836 141.939 487.954 141.939C487.132 141.939 486.646 141.483 486.372 140.905L478.434 124.816H478.404Z" fill="white"/>
|
||||||
|
<path d="M504.437 141.696L507.418 124.816H525.362L523.172 127.128H509.76L508.847 132.207H523.233L521.317 134.214H508.482L507.57 139.384H522.868L520.678 141.696H504.407H504.437Z" fill="white"/>
|
||||||
|
<path d="M544.615 141.696L539.567 136.13H529.834L528.861 141.696H526.124L527.493 133.91H539.597C543.034 133.91 546.227 132.876 546.227 130.047C546.227 127.797 544.007 127.128 540.814 127.128H528.648L530.838 124.816H542.213C545.801 124.816 549.117 126.124 549.117 129.622C549.117 133.119 546.379 135.279 542.486 135.644L548.326 141.726H544.615V141.696Z" fill="white"/>
|
||||||
|
<path d="M559.241 141.696L560.336 135.431L551.546 124.816H554.983L562.039 133.363L571.923 124.816H575.482L563.073 135.431L561.978 141.696H559.241Z" fill="white"/>
|
||||||
|
<path d="M580.652 124.816L582.933 138.411L590.871 125.667C591.449 124.755 592.057 124.603 592.666 124.603C593.335 124.603 593.882 124.755 594.095 125.667L597.441 138.411L604.649 124.816H607.325L598.961 140.631C598.536 141.452 597.897 141.908 597.167 141.908C596.498 141.908 595.95 141.513 595.768 140.905L592.24 127.614L583.724 140.905C583.359 141.452 582.842 141.908 581.991 141.908C581.291 141.908 580.774 141.452 580.622 140.631L577.946 124.816H580.652Z" fill="white"/>
|
||||||
|
<path d="M623.872 141.696L625.21 134.092H612.224L610.885 141.696H608.148L611.129 124.816H613.866L612.619 131.781H625.575L626.852 124.816H629.59L626.579 141.696H623.842H623.872Z" fill="white"/>
|
||||||
|
<path d="M631.625 141.696L634.606 124.816H652.55L650.36 127.128H636.948L636.035 132.207H650.421L648.505 134.214H635.67L634.758 139.384H650.056L647.866 141.696H631.595H631.625Z" fill="white"/>
|
||||||
|
<path d="M671.803 141.696L666.754 136.13H657.022L656.049 141.696H653.312L654.68 133.91H666.785C670.222 133.91 673.415 132.876 673.415 130.047C673.415 127.797 671.195 127.128 668.001 127.128H655.836L658.026 124.816H669.4C672.989 124.816 676.304 126.124 676.304 129.622C676.304 133.119 673.567 135.279 669.674 135.644L675.513 141.726H671.803V141.696Z" fill="white"/>
|
||||||
|
<path d="M679.255 141.696L682.236 124.816H700.18L697.99 127.128H684.578L683.665 132.207H698.051L696.135 134.214H683.3L682.388 139.384H697.686L695.496 141.696H679.225H679.255Z" fill="white"/>
|
||||||
|
<path d="M49.6344 100.79L61.7998 87.3168H130.869L97.2313 18.5523L27.2804 100.82H8.30249L89.2326 6.41717C91.9089 3.31501 95.8931 0.334502 100.79 0.334502C105.686 0.334502 108.636 3.01088 110.279 6.41717L157.115 100.82H49.6647L49.6344 100.79ZM167.334 100.79L178.161 38.9899H194.311L185.856 87.3168H231.355C256.537 87.3168 277.887 69.2208 277.887 45.8025C277.887 27.8586 264.414 15.2676 244.098 15.2676H182.45L195.193 1.64244H246.47C275.211 1.64244 294.037 18.5521 294.037 43.1565C294.037 75.3339 264.383 100.82 228.982 100.82H167.334V100.79ZM362.527 102.432C323.537 102.432 303.83 89.3849 303.83 61.0701C303.83 20.012 328.89 0 380.593 0C419.583 0 439.291 12.8952 439.291 41.21C439.291 82.2681 414.382 102.432 362.527 102.432ZM378.251 13.5035C335.551 13.5035 320.162 26.7029 320.162 59.4581C320.162 80.9603 334.395 88.959 364.93 88.959C407.479 88.959 423.02 75.6077 423.02 42.8525C423.02 21.3503 408.786 13.5035 378.251 13.5035ZM441.998 100.79L447.199 71.4409C450.301 53.6491 464.108 45.0726 486.614 45.0726H529.893C548.11 45.0726 555.531 38.8379 555.531 28.1628C555.531 18.3697 545.738 15.2676 527.064 15.2676H462.892L475.787 1.64244H536.097C561.431 1.64244 571.377 10.9792 571.377 24.9085C571.377 43.1261 559.515 56.9339 529.284 56.9339H486.006C472.381 56.9339 464.656 61.2221 462.74 71.3193L460.063 87.3168H562.192L549.448 100.79H441.998ZM576.608 100.121C574.053 100.121 572.137 98.6305 572.137 96.2279C572.137 92.9128 575.026 91.0271 578.25 91.0271C580.896 91.0271 582.873 92.4261 582.873 94.8288C582.873 98.1439 579.983 100.121 576.577 100.121H576.608ZM614.351 99.3908L621.133 91.8484H659.697L640.902 53.4363L601.82 99.3908H591.236L636.431 46.6542C637.921 44.9206 640.141 43.2479 642.879 43.2479C645.616 43.2479 647.258 44.7381 648.17 46.6542L674.326 99.3908H614.32H614.351ZM685.366 99.3908L695.22 44.0082H704.161L694.308 99.3908H685.366Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 9.3 KiB |
|
|
@ -0,0 +1,3 @@
|
||||||
|
<svg width="149" height="22" viewBox="0 0 149 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M8.85015 21.6473L11.455 18.7536H26.2443L19.0418 3.98459L4.06363 21.6538H0L17.3291 1.37826C17.9021 0.711986 18.7552 0.0718432 19.8037 0.0718432C20.8522 0.0718432 21.4839 0.646665 21.8355 1.37826L31.8644 21.6538H8.85663L8.85015 21.6473ZM34.0525 21.6473L36.3708 8.37412H39.8288L38.0185 18.7536H47.7608C53.1529 18.7536 57.7245 14.867 57.7245 9.83729C57.7245 5.98337 54.8395 3.27911 50.4894 3.27911H37.2891L40.0177 0.352757H50.9973C57.1514 0.352757 61.1825 3.98456 61.1825 9.26901C61.1825 16.1799 54.833 21.6538 47.2528 21.6538H34.0525V21.6473ZM75.848 22C67.4993 22 63.2794 19.1978 63.2794 13.1164C63.2794 4.29811 68.6455 0 79.7163 0C88.065 0 92.2849 2.76959 92.2849 8.85094C92.2849 17.6692 86.9514 22 75.848 22ZM79.2149 2.90024C70.0717 2.90024 66.7765 5.73515 66.7765 12.7702C66.7765 17.3884 69.8242 19.1063 76.3625 19.1063C85.4731 19.1063 88.8009 16.2387 88.8009 9.2037C88.8009 4.58553 85.7532 2.90024 79.2149 2.90024ZM92.8645 21.6473L93.9781 15.3438C94.6424 11.5226 97.5989 9.68053 102.418 9.68053H111.685C115.586 9.68053 117.175 8.34146 117.175 6.0487C117.175 3.94538 115.078 3.27911 111.079 3.27911H97.3384L100.1 0.352757H113.013C118.438 0.352757 120.568 2.35808 120.568 5.34976C120.568 9.26247 118.028 12.2281 111.555 12.2281H102.288C99.3702 12.2281 97.7161 13.1491 97.3059 15.3177L96.7328 18.7536H118.601L115.872 21.6473H92.8645ZM121.688 21.5036C121.141 21.5036 120.73 21.1835 120.73 20.6675C120.73 19.9555 121.349 19.5505 122.039 19.5505C122.606 19.5505 123.029 19.8509 123.029 20.367C123.029 21.079 122.411 21.5036 121.681 21.5036H121.688ZM129.769 21.3468L131.222 19.7269H139.479L135.455 11.4768L127.086 21.3468H124.82L134.497 10.0202C134.816 9.64788 135.292 9.28862 135.878 9.28862C136.464 9.28862 136.816 9.60869 137.011 10.0202L142.611 21.3468H129.763H129.769ZM144.975 21.3468L147.085 9.45192H149L146.89 21.3468H144.975Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.9 KiB |
|
|
@ -88,9 +88,12 @@ const Sidebar: React.FC<SidebarProps> = ({ activeItem, onNavigate, onHome }) =>
|
||||||
<div className={`sidebar ${isCollapsed ? 'collapsed' : 'expanded'} ${isMobileOpen ? 'mobile-open' : 'mobile-closed'}`}>
|
<div className={`sidebar ${isCollapsed ? 'collapsed' : 'expanded'} ${isMobileOpen ? 'mobile-open' : 'mobile-closed'}`}>
|
||||||
<div className={`sidebar-header ${isCollapsed ? 'collapsed' : ''}`}>
|
<div className={`sidebar-header ${isCollapsed ? 'collapsed' : ''}`}>
|
||||||
{!isCollapsed && (
|
{!isCollapsed && (
|
||||||
<span onClick={onHome} className="sidebar-logo">
|
<img
|
||||||
CASTAD
|
onClick={onHome}
|
||||||
</span>
|
src="/assets/images/ado2-sidebar-logo.svg"
|
||||||
|
alt="ADO2"
|
||||||
|
className="sidebar-logo"
|
||||||
|
/>
|
||||||
)}
|
)}
|
||||||
<button
|
<button
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@ const LoadingSection: React.FC = () => {
|
||||||
<div className="loading-content">
|
<div className="loading-content">
|
||||||
{/* Logo */}
|
{/* Logo */}
|
||||||
<div className="loading-logo">
|
<div className="loading-logo">
|
||||||
<img src="/assets/images/loading-logo.svg" alt="CASTAD" />
|
<img src="/assets/images/ado2-loading-logo.svg" alt="ADO2" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Loading Spinner and Text */}
|
{/* Loading Spinner and Text */}
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
|
|
||||||
import React, { useState, useRef, useEffect } from 'react';
|
import React, { useState, useRef, useEffect } from 'react';
|
||||||
import { generateLyric, waitForLyricComplete, generateSong, waitForSongComplete } from '../../utils/api';
|
import { generateLyric, waitForLyricComplete, generateSong, waitForSongComplete, getSongsList } from '../../utils/api';
|
||||||
import { LANGUAGE_MAP } from '../../types/api';
|
import { LANGUAGE_MAP } from '../../types/api';
|
||||||
|
|
||||||
interface BusinessInfo {
|
interface BusinessInfo {
|
||||||
|
|
@ -105,8 +105,19 @@ const SoundStudioContent: React.FC<SoundStudioContentProps> = ({
|
||||||
throw new Error(statusResponse.error_message || '음악 생성에 실패했습니다.');
|
throw new Error(statusResponse.error_message || '음악 생성에 실패했습니다.');
|
||||||
}
|
}
|
||||||
|
|
||||||
setAudioUrl(statusResponse.song_url);
|
// 노래 생성 완료 후 songs 목록에서 최신 task_id와 song_result_url 가져오기
|
||||||
|
const songsResponse = await getSongsList(1, 1);
|
||||||
|
if (songsResponse.items && songsResponse.items.length > 0) {
|
||||||
|
const latestSong = songsResponse.items[0];
|
||||||
|
setSongTaskId(latestSong.task_id);
|
||||||
|
// song_result_url을 사용하여 재생
|
||||||
|
setAudioUrl(latestSong.song_result_url);
|
||||||
|
} else {
|
||||||
|
// fallback: 기존 데이터 사용
|
||||||
setSongTaskId(taskId);
|
setSongTaskId(taskId);
|
||||||
|
setAudioUrl(statusResponse.song_url);
|
||||||
|
}
|
||||||
|
|
||||||
setStatus('complete');
|
setStatus('complete');
|
||||||
setStatusMessage('');
|
setStatusMessage('');
|
||||||
setRetryCount(0);
|
setRetryCount(0);
|
||||||
|
|
@ -329,6 +340,15 @@ const SoundStudioContent: React.FC<SoundStudioContentProps> = ({
|
||||||
throw new Error(songResponse.error_message || '음악 생성 요청에 실패했습니다.');
|
throw new Error(songResponse.error_message || '음악 생성 요청에 실패했습니다.');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 디버깅: songResponse 확인
|
||||||
|
console.log('songResponse:', songResponse);
|
||||||
|
console.log('song_id:', songResponse.song_id);
|
||||||
|
console.log('task_id:', songResponse.task_id);
|
||||||
|
|
||||||
|
if (!songResponse.song_id) {
|
||||||
|
throw new Error('서버에서 song_id를 받지 못했습니다.');
|
||||||
|
}
|
||||||
|
|
||||||
setStatus('polling');
|
setStatus('polling');
|
||||||
setStatusMessage('노래를 생성하고 있습니다...');
|
setStatusMessage('노래를 생성하고 있습니다...');
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -41,7 +41,7 @@ const WelcomeSection: React.FC<WelcomeSectionProps> = () => {
|
||||||
|
|
||||||
{/* Header */}
|
{/* Header */}
|
||||||
<div className="welcome-header">
|
<div className="welcome-header">
|
||||||
<h2 className="welcome-title">CASTAD에 오신 것을 환영합니다.</h2>
|
<h2 className="welcome-title">ADO2.AI에 오신 것을 환영합니다.</h2>
|
||||||
<p className="welcome-subtitle">분석, 제작, 배포까지 콘텐츠 마케팅의 전과정을 자동화</p>
|
<p className="welcome-subtitle">분석, 제작, 배포까지 콘텐츠 마케팅의 전과정을 자동화</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -75,7 +75,7 @@ const LoginSection: React.FC<LoginSectionProps> = ({ onBack, onLogin }) => {
|
||||||
<div className="login-content">
|
<div className="login-content">
|
||||||
{/* Logo */}
|
{/* Logo */}
|
||||||
<div className="login-logo">
|
<div className="login-logo">
|
||||||
<img src="/assets/images/login-logo.svg" alt="CASTAD" />
|
<img src="/assets/images/ado2-login-logo.svg" alt="ADO2" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Error Message */}
|
{/* Error Message */}
|
||||||
|
|
|
||||||
|
|
@ -213,3 +213,24 @@ export interface UserMeResponse {
|
||||||
profile_image: string | null;
|
profile_image: string | null;
|
||||||
created_at: string;
|
created_at: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 노래 목록 아이템
|
||||||
|
export interface SongListItem {
|
||||||
|
store_name: string;
|
||||||
|
region: string;
|
||||||
|
task_id: string;
|
||||||
|
language: string;
|
||||||
|
song_result_url: string;
|
||||||
|
created_at: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 노래 목록 응답
|
||||||
|
export interface SongsListResponse {
|
||||||
|
items: SongListItem[];
|
||||||
|
total: number;
|
||||||
|
page: number;
|
||||||
|
page_size: number;
|
||||||
|
total_pages: number;
|
||||||
|
has_next: boolean;
|
||||||
|
has_prev: boolean;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -8,6 +8,7 @@ import {
|
||||||
SongGenerateResponse,
|
SongGenerateResponse,
|
||||||
SongStatusResponse,
|
SongStatusResponse,
|
||||||
SongDownloadResponse,
|
SongDownloadResponse,
|
||||||
|
SongsListResponse,
|
||||||
VideoGenerateResponse,
|
VideoGenerateResponse,
|
||||||
VideoStatusResponse,
|
VideoStatusResponse,
|
||||||
VideoDownloadResponse,
|
VideoDownloadResponse,
|
||||||
|
|
@ -180,6 +181,19 @@ export async function downloadSong(taskId: string): Promise<SongDownloadResponse
|
||||||
return response.json();
|
return response.json();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 노래 목록 조회 API
|
||||||
|
export async function getSongsList(page: number = 1, pageSize: number = 10): Promise<SongsListResponse> {
|
||||||
|
const response = await fetch(`${API_URL}/songs/?page=${page}&page_size=${pageSize}`, {
|
||||||
|
method: 'GET',
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!response.ok) {
|
||||||
|
throw new Error(`HTTP error! status: ${response.status}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
return response.json();
|
||||||
|
}
|
||||||
|
|
||||||
// 노래 생성 완료까지 폴링 (5분 타임아웃, 3초 간격)
|
// 노래 생성 완료까지 폴링 (5분 타임아웃, 3초 간격)
|
||||||
// Suno API 상태: PENDING, processing, SUCCESS, TEXT_SUCCESS, failed, error
|
// Suno API 상태: PENDING, processing, SUCCESS, TEXT_SUCCESS, failed, error
|
||||||
const SONG_POLL_TIMEOUT = 5 * 60 * 1000; // 5분
|
const SONG_POLL_TIMEOUT = 5 * 60 * 1000; // 5분
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue