XML | 程式專案 | 橘蘋學習平台

{"id":253775,"student_id":6526,"content":"{\"html\":\"\\n\\n\u003c!DOCTYPE html\u003e\\n\u003chtml lang=\\\"zh-Hant\\\"\u003e\\n\u003chead\u003e\\n\u003cmeta charset=\\\"utf-8\\\" /\u003e\\n\u003clink href=\\\"https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css\\\" rel=\\\"stylesheet\\\" integrity=\\\"sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3\\\" crossorigin=\\\"anonymous\\\"\u003e\\n\u003cscript src=\\\"https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js\\\" integrity=\\\"sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p\\\" crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\n\u003cscript src=\\\"https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js\\\" integrity=\\\"sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB\\\" crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\n\u003cscript src=\\\"https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js\\\" integrity=\\\"sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13\\\" crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\n\u003cscript src=\\\"https://unpkg.com/vue@next\\\"\u003e\u003c/script\u003e\\n\u003ctitle\u003e音樂播放器\u003c/title\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n\u003cdiv id=\\\"app\\\"\u003e\\n\u003cinput   id=\\\"fileuploader\\\" type=\\\"file\\\" accept=\\\".mp3, .wav, .ogg\\\" multiple @change=\\\"getUploadList($event)\\\" /\u003e\\n\u003ctemplate v-if=\\\"uploadList.length\u003e0\\\"\u003e\\n\u003cdiv v-for=\\\"e in uploadList\\\" :key=\\\"e\\\"\u003e{{e}}\u003c/div\u003e\\n\u003c/template\u003e\\n\u003ctemplate v-else\u003e\\n\u003cdiv\u003enothings\u003c/div\u003e\\n\u003c/template\u003e\\n\u003cbutton class=\\\"btn btn-primary\\\"\u003e\u003csvg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" fill=\\\"currentColor\\\" class=\\\"bi bi-caret-left\\\" viewBox=\\\"0 0 16 16\\\"\u003e\\n  \u003cpath d=\\\"M10 12.796V3.204L4.519 8 10 12.796zm-.659.753-5.48-4.796a1 1 0 0 1 0-1.506l5.48-4.796A1 1 0 0 1 11 3.204v9.592a1 1 0 0 1-1.659.753z\\\"/\u003e\\n\u003c/svg\u003e\u003c/button\u003e\\n\u003cbutton class=\\\"btn btn-primary\\\" @click=\\\"playaudio()\\\"\u003e\u003csvg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" fill=\\\"currentColor\\\" class=\\\"bi bi-play\\\" viewBox=\\\"0 0 16 16\\\"\u003e\\n  \u003cpath d=\\\"M10.804 8 5 4.633v6.734L10.804 8zm.792-.696a.802.802 0 0 1 0 1.392l-6.363 3.692C4.713 12.69 4 12.345 4 11.692V4.308c0-.653.713-.998 1.233-.696l6.363 3.692z\\\"/\u003e\\n\u003c/svg\u003e\u003c/button\u003e\\n\u003cbutton class=\\\"btn btn-primary\\\" \u003e\u003csvg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" fill=\\\"currentColor\\\" class=\\\"bi bi-pause\\\" viewBox=\\\"0 0 16 16\\\"\u003e\\n  \u003cpath d=\\\"M6 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5zm4 0a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5z\\\"/\u003e\\n\u003c/svg\u003e\u003c/button\u003e\\n\u003cbutton class=\\\"btn btn-primary\\\"\u003e\u003csvg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" fill=\\\"currentColor\\\" class=\\\"bi bi-arrow-counterclockwise\\\" viewBox=\\\"0 0 16 16\\\"\u003e\\n  \u003cpath fill-rule=\\\"evenodd\\\" d=\\\"M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z\\\"/\u003e\\n  \u003cpath d=\\\"M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z\\\"/\u003e\\n\u003c/svg\u003e\u003c/button\u003e\\n\\n\u003cbutton class=\\\"btn btn-primary\\\"\u003e\u003csvg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" fill=\\\"currentColor\\\" class=\\\"bi bi-caret-right\\\" viewBox=\\\"0 0 16 16\\\"\u003e\\n  \u003cpath d=\\\"M6 12.796V3.204L11.481 8 6 12.796zm.659.753 5.48-4.796a1 1 0 0 0 0-1.506L6.66 2.451C6.011 1.885 5 2.345 5 3.204v9.592a1 1 0 0 0 1.659.753z\\\"/\u003e\\n\u003c/svg\u003e\u003c/button\u003e\\n{{myaudio }}\\n\u003cmusicplayer\u003e\u003c/musicplayer\u003e\\n\u003c/div\u003e\\n\u003cscript src=\\\"https://unpkg.com/vue@next\\\"\u003e\u003c/script\u003e\\n\u003cscript\u003e\\nconst app = Vue.createApp({\\n    \\ndata() {\\nreturn {\\nuploadList: [],\\n myaudio:[]\\n}\\n},\\nmethods: {\\n   \\ngetUploadList(e) {\\n    alert(e)\\nconst files = e.target.files;\\nconsole.log(files);\\nthis.uploadList = [...files].map((e) =\u003e e.name);\\n myaudio = new Audio(this.uploadList);\\n},\\nplayaudio(){\\n    console.log(this.uploadList)\\n    console.log( myaudio)\\n    \\n    myaudio.play()\\n},\\n\\n\\n},\\n});\\n\\napp.component(\\\"musicplayer\\\",{\\n    template:this.myaudio,\\n  \\n       \\n       \\n   \\n})\\n\\napp.mount(\\\"#app\\\")\\n\\n\\n\\n\u003c/script\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\\n\",\"css\":\"\",\"js\":\"\\n\\n\"}","created_at":"2021-05-18T00:10:04.252+08:00","updated_at":"2022-01-23T15:38:17.544+08:00","name":"XML","language":"web","screenshot":{"url":"https://cdn4.koding.school/uploads/project/screenshot/253775/fa7734b4b0f8295f45068458bd2dec5f.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":22,"hashid":"jzmse6wdp","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}