강희주 / Music_Recommendation_Website

Go to a project
Toggle navigation Toggle navigation pinning
강희주
242e518e 1 parent a72911ec

Update main

Expand all
Inline Side-by-side
Showing 2 changed files with 17 additions and 3 deletions
...@@ -56,13 +56,27 @@ ...@@ -56,13 +56,27 @@
56 <fieldset> 56 <fieldset>
57 <legend>추천 음악 정보</legend> 57 <legend>추천 음악 정보</legend>
58 <div><input type="button" value="음악 추천 받기"></div><br> 58 <div><input type="button" value="음악 추천 받기"></div><br>
59 - 59 + <iframe id="video1" width="450" height="280" src="" frameborder="0" allowtransparency="true" allowfullscreen></iframe>
60 - <h4>추천 음악 1</h4> 60 + <a href="#" id="playvideo">Play button</a>
61 + <script>
62 + var userLat = 37;
63 + var userLng = 127;
64 + fetch("http://localhost:3000/music")
65 + .then(res => res.json())
66 + .then(function(data) {
67 + $("#playvideo").click(function(){
68 + $("#video1")[0].src += data.link;
69 + });
70 + })
71 +
72 + </script>
73 +
74 + <!-- <h4>추천 음악 1</h4>
61 <iframe width="942" height="530" src="https://www.youtube.com/embed/vnS_jn2uibs" title="YouTube video player" frameborder="0" 75 <iframe width="942" height="530" src="https://www.youtube.com/embed/vnS_jn2uibs" title="YouTube video player" frameborder="0"
62 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><br> 76 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><br>
63 <h4>추천 음악 2</h4> 77 <h4>추천 음악 2</h4>
64 <iframe width="942" height="530" src="https://www.youtube.com/embed/P6gV_t70KAk" title="YouTube video player" frameborder="0" 78 <iframe width="942" height="530" src="https://www.youtube.com/embed/P6gV_t70KAk" title="YouTube video player" frameborder="0"
65 - allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><br> 79 + allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><br> -->
66 </fieldset> 80 </fieldset>
67 81
68 82
......
This diff is collapsed. Click to expand it.