├── .github ├── FUNDING.yml └── ISSUE_TEMPLATE │ ├── bug_report.md │ └── feature_request.md ├── .gitignore ├── LICENSE ├── README.md ├── app-extension ├── .editorconfig ├── .eslintignore ├── .eslintrc.js ├── .npmignore ├── LICENSE ├── README.md ├── jsconfig.json ├── package.json └── src │ ├── boot │ └── register.js │ └── index.js ├── demo ├── .editorconfig ├── .eslintignore ├── .eslintrc.js ├── .gitignore ├── .postcssrc.js ├── .stylintrc ├── LICENSE ├── README.md ├── babel.config.js ├── jsconfig.json ├── package.json ├── public │ ├── 404.html │ ├── favicon.ico │ ├── icons │ │ ├── favicon-128x128.png │ │ ├── favicon-16x16.png │ │ ├── favicon-32x32.png │ │ └── favicon-96x96.png │ ├── media │ │ ├── Dee_Yan-Key_-_01_-_Driving_Home.mp3 │ │ ├── Scott_Holmes_-_04_-_Upbeat_Party.mp3 │ │ ├── TearsOfSteel │ │ │ ├── TOS-de.vtt │ │ │ ├── TOS-en.vtt │ │ │ ├── TOS-es.vtt │ │ │ ├── TOS-fr-Goofy.vtt │ │ │ ├── TOS-it.vtt │ │ │ ├── TOS-nl.vtt │ │ │ └── TearsOfSteel.jpeg │ │ ├── pexels-ono-kosuki-5974545.mp4 │ │ └── sintel │ │ │ ├── sintel-de.vtt │ │ │ ├── sintel-en.vtt │ │ │ ├── sintel-es.vtt │ │ │ ├── sintel-fr.vtt │ │ │ ├── sintel-it.vtt │ │ │ ├── sintel-nl.vtt │ │ │ ├── sintel-pl.vtt │ │ │ ├── sintel-poster1.jpeg │ │ │ ├── sintel-poster2.jpeg │ │ │ ├── sintel-poster3.jpeg │ │ │ ├── sintel-pt.vtt │ │ │ └── sintel-ru.vtt │ ├── qmediaplayer.png │ └── quasar-logo.png ├── quasar.conf.js ├── quasar.extensions.json ├── src-electron │ ├── electron-flag.d.ts │ ├── icons │ │ ├── icon.icns │ │ ├── icon.ico │ │ └── linux-512x512.png │ └── main-process │ │ ├── electron-main.dev.js │ │ └── electron-main.js ├── src-ssr │ ├── extension.js │ ├── index.js │ └── ssr-flag.d.ts └── src │ ├── App.vue │ ├── assets │ ├── page-utils.js │ └── quasar-logo-full.svg │ ├── boot │ └── qmediaplayer.js │ ├── components │ ├── EssentialLinks.vue │ ├── ExampleTitle.vue │ └── Hero.vue │ ├── css │ ├── app.sass │ └── quasar.variables.sass │ ├── examples │ ├── AudioBackgroundColor.vue │ ├── AudioBasic.vue │ ├── AudioBottomControls.vue │ ├── AudioColor.vue │ ├── AudioDark.vue │ ├── AudioDense.vue │ ├── AudioDisabledSeek.vue │ ├── AudioHideVolumeSlider.vue │ ├── AudioHideVolumeSliderDense.vue │ ├── AudioIconSet.vue │ ├── AudioNoVideo.vue │ ├── AudioPlaysinline.vue │ ├── AudioSource.vue │ ├── AudioSourceBlob.vue │ ├── VideoBackgroundColor.vue │ ├── VideoBasic.vue │ ├── VideoBottomControls.vue │ ├── VideoBottomControlsSlot.vue │ ├── VideoColor.vue │ ├── VideoDark.vue │ ├── VideoDense.vue │ ├── VideoDisabledSeek.vue │ ├── VideoHideVolumeSlider.vue │ ├── VideoHideVolumeSliderDense.vue │ ├── VideoIconSet.vue │ ├── VideoLanguage.vue │ ├── VideoMobileMode.vue │ ├── VideoPlaysinline.vue │ ├── VideoPlaysinlineBottomControls.vue │ ├── VideoPortrait.vue │ ├── VideoPoster.vue │ ├── VideoSlot.vue │ ├── VideoSource.vue │ ├── VideoSourceBlob.vue │ ├── VideoStartTime.vue │ ├── VideoTrackLanguage.vue │ └── VideoTracks.vue │ ├── index.template.html │ ├── layouts │ ├── MainLayout.vue │ └── MediaPlayerLayout.vue │ ├── markdown │ └── mediaplayer.md │ ├── pages │ ├── Error404.vue │ ├── Examples.vue │ ├── Index.vue │ ├── MediaPlayer.vue │ └── MediaPlayerNCO.vue │ ├── router │ ├── index.js │ └── routes.js │ └── store │ ├── common │ ├── actions.js │ ├── getters.js │ ├── index.js │ ├── mutations.js │ └── state.js │ ├── index.js │ ├── mediaplayer │ ├── actions.js │ ├── getters.js │ ├── index.js │ ├── mutations.js │ └── state.js │ └── store-flag.d.ts ├── docs ├── 404.html ├── css │ ├── 4.0049e65a.css │ ├── app.47380861.css │ └── vendor.8bdbde84.css ├── favicon.ico ├── fonts │ ├── Eva-Icons.2f2b9626.woff │ ├── Eva-Icons.ac165c67.woff2 │ ├── KFOkCnqEu92Fr1MmgVxIIzQ.9391e6e2.woff │ ├── KFOlCnqEu92Fr1MmEU9fBBc-.ddd11dab.woff │ ├── KFOlCnqEu92Fr1MmSU5fBBc-.877b9231.woff │ ├── KFOlCnqEu92Fr1MmWUlfBBc-.0344cc3c.woff │ ├── KFOlCnqEu92Fr1MmYUtfBBc-.b555d228.woff │ ├── KFOmCnqEu92Fr1Mu4mxM.9b78ea3b.woff │ ├── LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmJ.f407ef54.woff │ ├── LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmPq_HTTw.b6be0cbe.woff2 │ ├── bootstrap-icons.94eeade1.woff │ ├── bootstrap-icons.dfd0ea12.woff2 │ ├── fa-brands-400.329a95a9.woff │ ├── fa-brands-400.c1210e5e.woff2 │ ├── fa-regular-400.36722648.woff │ ├── fa-regular-400.68c5af1f.woff2 │ ├── fa-solid-900.ada6e6df.woff2 │ ├── fa-solid-900.c6ec0800.woff │ ├── flUhRq6tzZclQEJ-Vdg-IuiaDsNa.bbf3b920.woff │ ├── flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.8e0a67eb.woff2 │ ├── gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcY.d9ee7462.woff │ ├── gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcel5euIg.fd23b35f.woff2 │ ├── ionicons.175f391f.woff2 │ ├── ionicons.bf69b013.woff │ ├── la-brands-400.3a8109c4.woff2 │ ├── la-brands-400.925b340f.woff │ ├── la-regular-400.8dc1cedf.woff2 │ ├── la-regular-400.aa859c0d.woff │ ├── la-solid-900.3efd5ba1.woff2 │ ├── la-solid-900.89363487.woff │ ├── materialdesignicons-webfont.d8e8e0f7.woff │ ├── materialdesignicons-webfont.e9db4005.woff2 │ ├── oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvRImcycg.8dd6c22f.woff2 │ ├── oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvX.3b402213.woff │ └── themify.29b39089.woff ├── icons │ ├── favicon-128x128.png │ ├── favicon-16x16.png │ ├── favicon-32x32.png │ └── favicon-96x96.png ├── index.html ├── js │ ├── 1.69f5083e.js │ ├── 10.e712a371.js │ ├── 11.0261c6f8.js │ ├── 12.bd24d075.js │ ├── 13.68f89a85.js │ ├── 14.2a6a6db5.js │ ├── 15.2b1ab618.js │ ├── 16.3a6ffab0.js │ ├── 17.ae25964d.js │ ├── 18.0de8b11f.js │ ├── 19.ca82c520.js │ ├── 2.70313d60.js │ ├── 20.23820a0d.js │ ├── 21.1185c764.js │ ├── 22.9c1ef59f.js │ ├── 23.14af4b15.js │ ├── 24.6f9d1f6b.js │ ├── 25.abcdefbd.js │ ├── 26.8e4ab6b9.js │ ├── 27.3301acb4.js │ ├── 28.90874d03.js │ ├── 29.642c1ca4.js │ ├── 30.ec3e5848.js │ ├── 31.14d496cb.js │ ├── 32.ebcd0c79.js │ ├── 33.9d667173.js │ ├── 34.380efcc4.js │ ├── 35.d2690cc6.js │ ├── 36.99a11acd.js │ ├── 37.35b224ce.js │ ├── 38.2a24a84e.js │ ├── 39.f21d9e33.js │ ├── 4.f763da85.js │ ├── 40.0bec79d9.js │ ├── 41.05cfae2b.js │ ├── 42.0eb1f0c9.js │ ├── 43.6b1d8915.js │ ├── 44.0ea604fe.js │ ├── 45.563c7d10.js │ ├── 46.fe91cbbb.js │ ├── 47.d7b3a117.js │ ├── 48.24a5d6b6.js │ ├── 49.a77f548a.js │ ├── 5.7452d999.js │ ├── 50.cafb4765.js │ ├── 51.b9d1c5a1.js │ ├── 52.22b2cf55.js │ ├── 53.bec39faf.js │ ├── 54.490a1ba7.js │ ├── 55.10da98c3.js │ ├── 56.59d6143c.js │ ├── 57.4df5e3a7.js │ ├── 58.16bcb6d3.js │ ├── 59.9e6090a7.js │ ├── 6.3e7feda1.js │ ├── 60.7a29aae2.js │ ├── 61.4951c25e.js │ ├── 62.aa61f532.js │ ├── 63.42e789b1.js │ ├── 64.5ee2e95d.js │ ├── 65.e3366f95.js │ ├── 66.400c2210.js │ ├── 67.32a02c7b.js │ ├── 68.b47c2917.js │ ├── 69.d6c49637.js │ ├── 7.77d7cdfd.js │ ├── 70.e987cb8a.js │ ├── 71.fca87b97.js │ ├── 72.c91050ab.js │ ├── 73.206b26c5.js │ ├── 74.535d1c6f.js │ ├── 75.d6506c3b.js │ ├── 76.13ab669c.js │ ├── 77.51142f07.js │ ├── 78.14c81cd5.js │ ├── 79.9469df11.js │ ├── 8.8596693a.js │ ├── 80.6d0f7fd0.js │ ├── 81.99778341.js │ ├── 82.55def85f.js │ ├── 83.37d537a0.js │ ├── 84.8ad59586.js │ ├── 9.898b3d92.js │ ├── app.116b6667.js │ └── vendor.47daa679.js ├── media │ ├── Dee_Yan-Key_-_01_-_Driving_Home.mp3 │ ├── Scott_Holmes_-_04_-_Upbeat_Party.mp3 │ ├── TearsOfSteel │ │ ├── TOS-de.vtt │ │ ├── TOS-en.vtt │ │ ├── TOS-es.vtt │ │ ├── TOS-fr-Goofy.vtt │ │ ├── TOS-it.vtt │ │ ├── TOS-nl.vtt │ │ └── TearsOfSteel.jpeg │ ├── pexels-ono-kosuki-5974545.mp4 │ └── sintel │ │ ├── sintel-de.vtt │ │ ├── sintel-en.vtt │ │ ├── sintel-es.vtt │ │ ├── sintel-fr.vtt │ │ ├── sintel-it.vtt │ │ ├── sintel-nl.vtt │ │ ├── sintel-pl.vtt │ │ ├── sintel-poster1.jpeg │ │ ├── sintel-poster2.jpeg │ │ ├── sintel-poster3.jpeg │ │ ├── sintel-pt.vtt │ │ └── sintel-ru.vtt ├── qmediaplayer.png └── quasar-logo.png └── ui ├── .babelrc ├── .editorconfig ├── .eslintignore ├── .eslintrc.js ├── .gitignore ├── .npmignore ├── LICENSE ├── README.md ├── build ├── build.api.js ├── config.js ├── entry │ ├── index.common.js │ ├── index.esm.js │ └── index.umd.js ├── index.js ├── script.app-ext.js ├── script.clean.js ├── script.css.js ├── script.javascript.js ├── script.open-umd.js └── utils.js ├── package.json ├── src ├── components │ ├── QMediaPlayer.js │ ├── QMediaPlayer.json │ ├── icon-set │ │ ├── bootstrap-icons.js │ │ ├── eva-icons.js │ │ ├── fontawesome-v5-pro.js │ │ ├── fontawesome-v5.js │ │ ├── ionicons-v4.js │ │ ├── ionicons-v5.js │ │ ├── line-awesome.js │ │ ├── material-icons-outlined.js │ │ ├── material-icons-round.js │ │ ├── material-icons-sharp.js │ │ ├── material-icons.js │ │ ├── mdi-v3.js │ │ ├── mdi-v4.js │ │ ├── mdi-v5.js │ │ ├── svg-bootstrap-icons.js │ │ ├── svg-eva-icons.js │ │ ├── svg-fontawesome-v5.js │ │ ├── svg-ionicons-v4.js │ │ ├── svg-ionicons-v5.js │ │ ├── svg-line-awesome.js │ │ ├── svg-material-icons-outlined.js │ │ ├── svg-material-icons-round.js │ │ ├── svg-material-icons-sharp.js │ │ ├── svg-material-icons.js │ │ ├── svg-mdi-v5.js │ │ ├── svg-themify.js │ │ └── themify.js │ ├── index.js │ ├── lang │ │ ├── ar.js │ │ ├── bg.js │ │ ├── ca.js │ │ ├── cs.js │ │ ├── da.js │ │ ├── de.js │ │ ├── el.js │ │ ├── en-gb.js │ │ ├── en-us.js │ │ ├── eo.js │ │ ├── es.js │ │ ├── et.js │ │ ├── fa-ir.js │ │ ├── fi.js │ │ ├── fr.js │ │ ├── gn.js │ │ ├── he.js │ │ ├── hr.js │ │ ├── hu.js │ │ ├── id.js │ │ ├── is.js │ │ ├── it.js │ │ ├── ja.js │ │ ├── km.js │ │ ├── ko-kr.js │ │ ├── kur-ckb.js │ │ ├── lu.js │ │ ├── lv.js │ │ ├── ml.js │ │ ├── ms.js │ │ ├── nb-no.js │ │ ├── nl.js │ │ ├── pl.js │ │ ├── pt-br.js │ │ ├── pt.js │ │ ├── ro.js │ │ ├── ru.js │ │ ├── sk.js │ │ ├── sl.js │ │ ├── sr.js │ │ ├── sv.js │ │ ├── ta.js │ │ ├── th.js │ │ ├── tr.js │ │ ├── uk.js │ │ ├── vi.js │ │ ├── zh-hans.js │ │ └── zh-hant.js │ └── media-player.sass ├── index.js └── index.sass ├── types └── types.d.ts └── umd-test.html /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: [hawkeye64, rstoenescu] # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2] 4 | patreon: # Replace with a single Patreon username 5 | open_collective: # Replace with a single Open Collective username 6 | ko_fi: # Replace with a single Ko-fi username 7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel 8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry 9 | liberapay: # Replace with a single Liberapay username 10 | issuehunt: # Replace with a single IssueHunt username 11 | otechie: # Replace with a single Otechie username 12 | custom: # Replace with a single custom sponsorship URL 13 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/bug_report.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Bug report 3 | about: Create a report to help us improve 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | **Describe the bug** 11 | A clear and concise description of what the bug is. 12 | 13 | **To Reproduce** 14 | Steps to reproduce the behavior: 15 | 1. Go to '...' 16 | 2. Click on '....' 17 | 3. Scroll down to '....' 18 | 4. See error 19 | 20 | **Expected behavior** 21 | A clear and concise description of what you expected to happen. 22 | 23 | **Screenshots** 24 | If applicable, add screenshots to help explain your problem. 25 | 26 | **Desktop (please complete the following information):** 27 | - OS: [e.g. iOS] 28 | - Browser [e.g. chrome, safari] 29 | - Version [e.g. 22] 30 | 31 | **Smartphone (please complete the following information):** 32 | - Device: [e.g. iPhone6] 33 | - OS: [e.g. iOS8.1] 34 | - Browser [e.g. stock browser, safari] 35 | - Version [e.g. 22] 36 | 37 | **Additional context** 38 | Add any other context about the problem here. 39 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature_request.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Feature request 3 | about: Suggest an idea for this project 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | **Is your feature request related to a problem? Please describe.** 11 | A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] 12 | 13 | **Describe the solution you'd like** 14 | A clear and concise description of what you want to happen. 15 | 16 | **Describe alternatives you've considered** 17 | A clear and concise description of any alternative solutions or features you've considered. 18 | 19 | **Additional context** 20 | Add any other context or screenshots about the feature request here. 21 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | .thumbs.db 3 | node_modules 4 | dist 5 | yarn.lock 6 | npm-debug.log* 7 | yarn-debug.log* 8 | yarn-error.log* 9 | 10 | # Editor directories and files 11 | .idea 12 | .vscode 13 | *.suo 14 | *.ntvs* 15 | *.njsproj 16 | *.sln 17 | 18 | docs/.quasar/ 19 | 20 | ui/dev.old/.quasar/ 21 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) Jeff Galbraith 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in 13 | all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 21 | THE SOFTWARE. 22 | -------------------------------------------------------------------------------- /app-extension/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /app-extension/.eslintignore: -------------------------------------------------------------------------------- 1 | docs 2 | -------------------------------------------------------------------------------- /app-extension/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | 4 | parserOptions: { 5 | parser: 'babel-eslint', 6 | sourceType: 'module' 7 | }, 8 | 9 | env: { 10 | browser: true 11 | }, 12 | 13 | extends: [ 14 | // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention 15 | // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules. 16 | 'plugin:vue/essential', 17 | '@vue/standard' 18 | ], 19 | 20 | // required to lint *.vue files 21 | plugins: [ 22 | 'vue' 23 | ], 24 | 25 | globals: { 26 | 'ga': true, // Google Analytics 27 | 'cordova': true, 28 | '__statics': true, 29 | 'process': true 30 | }, 31 | 32 | // add your custom rules here 33 | rules: { 34 | // allow async-await 35 | 'generator-star-spacing': 'off', 36 | // allow paren-less arrow functions 37 | 'arrow-parens': 'off', 38 | 'one-var': 'off', 39 | 40 | 'import/first': 'off', 41 | 'import/named': 'error', 42 | 'import/namespace': 'error', 43 | 'import/default': 'error', 44 | 'import/export': 'error', 45 | 'import/extensions': 'off', 46 | 'import/no-unresolved': 'off', 47 | 'import/no-extraneous-dependencies': 'off', 48 | 'prefer-promise-reject-errors': 'off', 49 | 50 | // allow console.log during development only 51 | 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', 52 | // allow debugger during development only 53 | 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off' 54 | } 55 | } 56 | -------------------------------------------------------------------------------- /app-extension/.npmignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | .thumbs.db 3 | yarn.lock 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Editor directories and files 9 | .idea 10 | .vscode 11 | *.suo 12 | *.ntvs* 13 | *.njsproj 14 | *.sln 15 | .editorconfig 16 | .eslintignore 17 | .eslintrc.js 18 | -------------------------------------------------------------------------------- /app-extension/LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) Jeff Galbraith 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in 13 | all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 21 | THE SOFTWARE. 22 | -------------------------------------------------------------------------------- /app-extension/README.md: -------------------------------------------------------------------------------- 1 | # Quasar App Extension QMediaPlayer 2 | 3 | > If you are looking for QMediaPlayer v2.+ look into the `next` branch. For v2.+ documentation, go [here](https://qmediaplayer.netlify.app/). 4 | 5 | The QMediaPlayer app extension allows you to seamlessly add the [QMediaPlayer UI](https://github.com/quasarframework/quasar-ui-qmediaplayer/tree/dev/ui) component directly into your Quasar Framework application without the need to write a boot file. See below for installation instructions via the Quasar CLI. 6 | 7 | ![@quasar/quasar-app-extension-qmediaplayer](https://img.shields.io/npm/v/@quasar/quasar-app-extension-qmediaplayer.svg?label=@quasar/quasar-app-extension-qmediaplayer) 8 | [![npm](https://img.shields.io/npm/dt/@quasar/quasar-app-extension-qmediaplayer.svg)](https://www.npmjs.com/package/@quasar/quasar-app-extension-qmediaplayer) 9 | 10 | # Install 11 | ```bash 12 | quasar ext add @quasar/qmediaplayer 13 | ``` 14 | Quasar CLI will retrieve it from NPM and install the extension. 15 | 16 | # Uninstall 17 | ```bash 18 | quasar ext remove @quasar/qmediaplayer 19 | ``` 20 | 21 | # Live Demo 22 | * [live demo](https://quasarframework.github.io/quasar-ui-qmediaplayer/docs) - live docs, demo and examples 23 | 24 | # Donate 25 | If you appreciate the work that went into this, please consider donating to [Quasar](https://donate.quasar.dev) or [Jeff](https://github.com/sponsors/hawkeye64). 26 | 27 | # License 28 | MIT (c) Jeff Galbraith 29 | -------------------------------------------------------------------------------- /app-extension/jsconfig.json: -------------------------------------------------------------------------------- 1 | 2 | { 3 | "compilerOptions": { 4 | "module": "commonjs", 5 | "target": "es6" 6 | }, 7 | "exclude": ["node_modules"], 8 | "include": ["src/**/*"] 9 | } -------------------------------------------------------------------------------- /app-extension/src/boot/register.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import VuePlugin from '@quasar/quasar-ui-qmediaplayer' 3 | 4 | Vue.use(VuePlugin) 5 | -------------------------------------------------------------------------------- /app-extension/src/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Quasar App Extension index/runner script 3 | * (runs on each dev/build) 4 | * 5 | * Docs: https://quasar.dev/app-extensions/development-guide/index-api 6 | * API: https://github.com/quasarframework/quasar/blob/master/app/lib/app-extension/IndexAPI.js 7 | */ 8 | 9 | function extendConf (conf) { 10 | // register our boot file 11 | conf.boot.push('~@quasar/quasar-app-extension-qmediaplayer/src/boot/register.js') 12 | 13 | // make sure app extension files & ui package gets transpiled 14 | conf.build.transpileDependencies.push(/quasar-app-extension-qmediaplayer[\\/]src/) 15 | conf.build.transpileDependencies.push(/quasar-ui-qmediaplayer[\\/]src/) 16 | 17 | // make sure these plugins are in the build 18 | conf.framework.plugins.push('AppFullscreen') 19 | 20 | // make sure the stylesheet goes through webpack to avoid SSR issues 21 | conf.css.push('~@quasar/quasar-ui-qmediaplayer/src/index.sass') 22 | } 23 | 24 | module.exports = function (api) { 25 | // Quasar compatibility check; you may need 26 | // hard dependencies, as in a minimum version of the "quasar" 27 | // package or a minimum version of "@quasar/app" CLI 28 | api.compatibleWith('quasar', '^1.5.0') 29 | api.compatibleWith('@quasar/app', '^1.3.0 || ^2.0.0') // needed for describe to work properly 30 | 31 | // Uncomment the line below if you provide a JSON API for your component 32 | api.registerDescribeApi('QMediaPlayer', '~@quasar/quasar-ui-qmediaplayer/dist/api/QMediaPlayer.json') 33 | 34 | // We extend /quasar.conf.js 35 | api.extendQuasarConf(extendConf) 36 | } 37 | -------------------------------------------------------------------------------- /demo/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /demo/.eslintignore: -------------------------------------------------------------------------------- 1 | /dist 2 | /src-bex/www 3 | /src-capacitor 4 | /src-cordova 5 | /.quasar 6 | /node_modules 7 | /src/markdown 8 | 9 | -------------------------------------------------------------------------------- /demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | .thumbs.db 3 | node_modules 4 | 5 | # Quasar core related directories 6 | .quasar 7 | /dist 8 | 9 | # Cordova related directories and files 10 | /src-cordova/node_modules 11 | /src-cordova/platforms 12 | /src-cordova/plugins 13 | /src-cordova/www 14 | 15 | # Capacitor related directories and files 16 | /src-capacitor/www 17 | /src-capacitor/node_modules 18 | 19 | # BEX related directories and files 20 | /src-bex/www 21 | /src-bex/js/core 22 | 23 | # Log files 24 | npm-debug.log* 25 | yarn-debug.log* 26 | yarn-error.log* 27 | yarn.lock 28 | 29 | # Editor directories and files 30 | .idea 31 | .vscode 32 | *.suo 33 | *.ntvs* 34 | *.njsproj 35 | *.sln 36 | -------------------------------------------------------------------------------- /demo/.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | plugins: [ 5 | // to edit target browsers: use "browserslist" field in package.json 6 | require('autoprefixer') 7 | ] 8 | } 9 | -------------------------------------------------------------------------------- /demo/.stylintrc: -------------------------------------------------------------------------------- 1 | { 2 | "blocks": "never", 3 | "brackets": "never", 4 | "colons": "never", 5 | "colors": "always", 6 | "commaSpace": "always", 7 | "commentSpace": "always", 8 | "cssLiteral": "never", 9 | "depthLimit": false, 10 | "duplicates": true, 11 | "efficient": "always", 12 | "extendPref": false, 13 | "globalDupe": true, 14 | "indentPref": 2, 15 | "leadingZero": "never", 16 | "maxErrors": false, 17 | "maxWarnings": false, 18 | "mixed": false, 19 | "namingConvention": false, 20 | "namingConventionStrict": false, 21 | "none": "never", 22 | "noImportant": false, 23 | "parenSpace": "never", 24 | "placeholder": false, 25 | "prefixVarsWithDollar": "always", 26 | "quotePref": "single", 27 | "semicolons": "never", 28 | "sortOrder": false, 29 | "stackedProperties": "never", 30 | "trailingWhitespace": "never", 31 | "universal": "never", 32 | "valid": true, 33 | "zeroUnits": "never", 34 | "zIndexNormalize": false 35 | } 36 | -------------------------------------------------------------------------------- /demo/LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) Jeff Galbraith 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in 13 | all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 21 | THE SOFTWARE. 22 | -------------------------------------------------------------------------------- /demo/README.md: -------------------------------------------------------------------------------- 1 | # quasar-app-extension-qmediaplayer 2 | Quasar test app for @quasar/qmediaplayer -------------------------------------------------------------------------------- /demo/babel.config.js: -------------------------------------------------------------------------------- 1 | 2 | module.exports = { 3 | presets: [ 4 | '@quasar/babel-preset-app' 5 | ] 6 | } 7 | -------------------------------------------------------------------------------- /demo/jsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": ".", 4 | "paths": { 5 | "src/*": [ 6 | "src/*" 7 | ], 8 | "app/*": [ 9 | "*" 10 | ], 11 | "components/*": [ 12 | "src/components/*" 13 | ], 14 | "layouts/*": [ 15 | "src/layouts/*" 16 | ], 17 | "pages/*": [ 18 | "src/pages/*" 19 | ], 20 | "assets/*": [ 21 | "src/assets/*" 22 | ], 23 | "boot/*": [ 24 | "src/boot/*" 25 | ], 26 | "vue$": [ 27 | "node_modules/vue/dist/vue.esm.js" 28 | ] 29 | } 30 | }, 31 | "exclude": [ 32 | "dist", 33 | ".quasar", 34 | "node_modules" 35 | ] 36 | } 37 | -------------------------------------------------------------------------------- /demo/public/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 404 Redirect 8 | 9 | 12 | 13 | 14 | 15 | 16 | 17 |               18 |               19 |               20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/demo/public/favicon.ico -------------------------------------------------------------------------------- /demo/public/icons/favicon-128x128.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/demo/public/icons/favicon-128x128.png -------------------------------------------------------------------------------- /demo/public/icons/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/demo/public/icons/favicon-16x16.png -------------------------------------------------------------------------------- /demo/public/icons/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/demo/public/icons/favicon-32x32.png -------------------------------------------------------------------------------- /demo/public/icons/favicon-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/demo/public/icons/favicon-96x96.png -------------------------------------------------------------------------------- /demo/public/media/Dee_Yan-Key_-_01_-_Driving_Home.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/demo/public/media/Dee_Yan-Key_-_01_-_Driving_Home.mp3 -------------------------------------------------------------------------------- /demo/public/media/Scott_Holmes_-_04_-_Upbeat_Party.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/demo/public/media/Scott_Holmes_-_04_-_Upbeat_Party.mp3 -------------------------------------------------------------------------------- /demo/public/media/TearsOfSteel/TearsOfSteel.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/demo/public/media/TearsOfSteel/TearsOfSteel.jpeg -------------------------------------------------------------------------------- /demo/public/media/pexels-ono-kosuki-5974545.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/demo/public/media/pexels-ono-kosuki-5974545.mp4 -------------------------------------------------------------------------------- /demo/public/media/sintel/sintel-poster1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/demo/public/media/sintel/sintel-poster1.jpeg -------------------------------------------------------------------------------- /demo/public/media/sintel/sintel-poster2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/demo/public/media/sintel/sintel-poster2.jpeg -------------------------------------------------------------------------------- /demo/public/media/sintel/sintel-poster3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/demo/public/media/sintel/sintel-poster3.jpeg -------------------------------------------------------------------------------- /demo/public/qmediaplayer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/demo/public/qmediaplayer.png -------------------------------------------------------------------------------- /demo/public/quasar-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/demo/public/quasar-logo.png -------------------------------------------------------------------------------- /demo/quasar.extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "@quasar/qmarkdown": { 3 | "import_md": true, 4 | "import_vmd": true 5 | }, 6 | "json-api-viewer": {}, 7 | "example-viewer": {}, 8 | "@quasar/qribbon": {} 9 | } -------------------------------------------------------------------------------- /demo/src-electron/electron-flag.d.ts: -------------------------------------------------------------------------------- 1 | // THIS FEATURE-FLAG FILE IS AUTOGENERATED, 2 | // REMOVAL OR CHANGES WILL CAUSE RELATED TYPES TO STOP WORKING 3 | import "quasar/dist/types/feature-flag"; 4 | 5 | declare module "quasar/dist/types/feature-flag" { 6 | interface QuasarFeatureFlags { 7 | electron: true; 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /demo/src-electron/icons/icon.icns: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/demo/src-electron/icons/icon.icns -------------------------------------------------------------------------------- /demo/src-electron/icons/icon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/demo/src-electron/icons/icon.ico -------------------------------------------------------------------------------- /demo/src-electron/icons/linux-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/demo/src-electron/icons/linux-512x512.png -------------------------------------------------------------------------------- /demo/src-electron/main-process/electron-main.dev.js: -------------------------------------------------------------------------------- 1 | /** 2 | * This file is used specifically and only for development. It installs 3 | * `electron-debug` & `vue-devtools`. There shouldn't be any need to 4 | * modify this file, but it can be used to extend your development 5 | * environment. 6 | */ 7 | 8 | // Install `electron-debug` with `devtron` 9 | require('electron-debug')({ showDevTools: true }) 10 | 11 | // Install `vue-devtools` 12 | require('electron').app.on('ready', () => { 13 | let installExtension = require('electron-devtools-installer') 14 | installExtension.default(installExtension.VUEJS_DEVTOOLS) 15 | .then(() => {}) 16 | .catch(err => { 17 | console.log('Unable to install `vue-devtools`: \n', err) 18 | }) 19 | }) 20 | 21 | // Require `main` process to boot app 22 | require('./electron-main') 23 | -------------------------------------------------------------------------------- /demo/src-electron/main-process/electron-main.js: -------------------------------------------------------------------------------- 1 | import { app, BrowserWindow } from 'electron' 2 | 3 | /** 4 | * Set `__statics` path to static files in production; 5 | * The reason we are setting it here is that the path needs to be evaluated at runtime 6 | */ 7 | if (process.env.PROD) { 8 | global.__statics = require('path').join(__dirname, 'statics').replace(/\\/g, '\\\\') 9 | } 10 | 11 | let mainWindow 12 | 13 | function createWindow () { 14 | /** 15 | * Initial window options 16 | */ 17 | mainWindow = new BrowserWindow({ 18 | width: 1000, 19 | height: 600, 20 | useContentSize: true, 21 | webPreferences: { 22 | nodeIntegration: true 23 | } 24 | }) 25 | 26 | mainWindow.loadURL(process.env.APP_URL) 27 | 28 | mainWindow.on('closed', () => { 29 | mainWindow = null 30 | }) 31 | } 32 | 33 | app.on('ready', createWindow) 34 | 35 | app.on('window-all-closed', () => { 36 | if (process.platform !== 'darwin') { 37 | app.quit() 38 | } 39 | }) 40 | 41 | app.on('activate', () => { 42 | if (mainWindow === null) { 43 | createWindow() 44 | } 45 | }) 46 | -------------------------------------------------------------------------------- /demo/src-ssr/extension.js: -------------------------------------------------------------------------------- 1 | /* 2 | * This file runs in a Node context (it's NOT transpiled by Babel), so use only 3 | * the ES6 features that are supported by your Node version. https://node.green/ 4 | * 5 | * WARNING! 6 | * If you import anything from node_modules, then make sure that the package is specified 7 | * in package.json > dependencies and NOT in devDependencies 8 | * 9 | * Note: This file is used for both PRODUCTION & DEVELOPMENT. 10 | * Note: Changes to this file (but not any file it imports!) are picked up by the 11 | * development server, but such updates are costly since the dev-server needs a reboot. 12 | */ 13 | 14 | module.exports.extendApp = function ({ app, ssr }) { 15 | /* 16 | Extend the parts of the express app that you 17 | want to use with development server too. 18 | 19 | Example: app.use(), app.get() etc 20 | */ 21 | } 22 | -------------------------------------------------------------------------------- /demo/src-ssr/ssr-flag.d.ts: -------------------------------------------------------------------------------- 1 | // THIS FEATURE-FLAG FILE IS AUTOGENERATED, 2 | // REMOVAL OR CHANGES WILL CAUSE RELATED TYPES TO STOP WORKING 3 | import "quasar/dist/types/feature-flag"; 4 | 5 | declare module "quasar/dist/types/feature-flag" { 6 | interface QuasarFeatureFlags { 7 | ssr: true; 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /demo/src/App.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | -------------------------------------------------------------------------------- /demo/src/assets/page-utils.js: -------------------------------------------------------------------------------- 1 | export function copyToClipboard (text) { 2 | const textArea = document.createElement('textarea') 3 | textArea.className = 'fixed-top' 4 | textArea.value = text 5 | document.body.appendChild(textArea) 6 | textArea.focus() 7 | textArea.select() 8 | 9 | document.execCommand('copy') 10 | document.body.removeChild(textArea) 11 | } 12 | 13 | export function copyHeading (id) { 14 | const text = window.location.origin + window.location.pathname + '#' + id 15 | const el = document.getElementById(id) 16 | 17 | if (el) { 18 | el.id = '' 19 | } 20 | 21 | window.location.hash = '#' + id 22 | 23 | if (el) { 24 | setTimeout(() => { 25 | el.id = id 26 | }, 300) 27 | } 28 | 29 | copyToClipboard(text) 30 | 31 | this.$q.notify({ 32 | message: 'Anchor has been copied to clipboard.', 33 | color: 'white', 34 | textColor: 'primary', 35 | icon: 'done', 36 | position: 'top', 37 | timeout: 2000 38 | }) 39 | } 40 | 41 | export function slugify (str) { 42 | return encodeURIComponent(String(str).trim().replace(/\s+/g, '-')) 43 | } 44 | 45 | export function makeUrl (slug) { 46 | window.location = window.location.origin + window.location.pathname + '#' + slug 47 | } 48 | -------------------------------------------------------------------------------- /demo/src/boot/qmediaplayer.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import VuePlugin from 'ui' // "ui" is aliased in quasar.conf.js 3 | 4 | Vue.use(VuePlugin) 5 | -------------------------------------------------------------------------------- /demo/src/components/ExampleTitle.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 29 | -------------------------------------------------------------------------------- /demo/src/css/quasar.variables.sass: -------------------------------------------------------------------------------- 1 | // Quasar Sass (& SCSS) Variables 2 | // -------------------------------------------------- 3 | // To customize the look and feel of this app, you can override 4 | // the Sass/SCSS variables found in Quasar's source Sass/SCSS files. 5 | 6 | // Check documentation for full list of Quasar variables 7 | 8 | // Your own variables (that are declared here) and Quasar's own 9 | // ones will be available out of the box in your .vue/.scss/.sass files 10 | 11 | // It's highly recommended to change the default colors 12 | // to match your app's branding. 13 | // Tip: Use the "Theme Builder" on Quasar's documentation website. 14 | 15 | $primary : #1976D2 16 | $secondary : #26A69A 17 | $accent : #9C27B0 18 | 19 | $dark : #1D1D1D 20 | 21 | $positive : #21BA45 22 | $negative : #C10015 23 | $info : #31CCEC 24 | $warning : #F2C037 25 | -------------------------------------------------------------------------------- /demo/src/examples/AudioBackgroundColor.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 25 | -------------------------------------------------------------------------------- /demo/src/examples/AudioBasic.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 24 | -------------------------------------------------------------------------------- /demo/src/examples/AudioBottomControls.vue: -------------------------------------------------------------------------------- 1 | 21 | 22 | 36 | -------------------------------------------------------------------------------- /demo/src/examples/AudioColor.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 25 | -------------------------------------------------------------------------------- /demo/src/examples/AudioDark.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 26 | -------------------------------------------------------------------------------- /demo/src/examples/AudioDense.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 25 | -------------------------------------------------------------------------------- /demo/src/examples/AudioDisabledSeek.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 25 | -------------------------------------------------------------------------------- /demo/src/examples/AudioHideVolumeSlider.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 25 | -------------------------------------------------------------------------------- /demo/src/examples/AudioHideVolumeSliderDense.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 26 | -------------------------------------------------------------------------------- /demo/src/examples/AudioNoVideo.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 25 | -------------------------------------------------------------------------------- /demo/src/examples/AudioPlaysinline.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 25 | -------------------------------------------------------------------------------- /demo/src/examples/AudioSource.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 18 | -------------------------------------------------------------------------------- /demo/src/examples/AudioSourceBlob.vue: -------------------------------------------------------------------------------- 1 | 12 | 13 | 35 | -------------------------------------------------------------------------------- /demo/src/examples/VideoBackgroundColor.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 23 | -------------------------------------------------------------------------------- /demo/src/examples/VideoBasic.vue: -------------------------------------------------------------------------------- 1 | 7 | 8 | 22 | -------------------------------------------------------------------------------- /demo/src/examples/VideoBottomControls.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 25 | 30 | -------------------------------------------------------------------------------- /demo/src/examples/VideoBottomControlsSlot.vue: -------------------------------------------------------------------------------- 1 | 23 | 24 | 39 | -------------------------------------------------------------------------------- /demo/src/examples/VideoColor.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 24 | -------------------------------------------------------------------------------- /demo/src/examples/VideoDark.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 24 | -------------------------------------------------------------------------------- /demo/src/examples/VideoDense.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 23 | -------------------------------------------------------------------------------- /demo/src/examples/VideoDisabledSeek.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 23 | -------------------------------------------------------------------------------- /demo/src/examples/VideoHideVolumeSlider.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 23 | -------------------------------------------------------------------------------- /demo/src/examples/VideoHideVolumeSliderDense.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 24 | -------------------------------------------------------------------------------- /demo/src/examples/VideoMobileMode.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 25 | -------------------------------------------------------------------------------- /demo/src/examples/VideoPlaysinline.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 23 | -------------------------------------------------------------------------------- /demo/src/examples/VideoPlaysinlineBottomControls.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 24 | -------------------------------------------------------------------------------- /demo/src/examples/VideoPortrait.vue: -------------------------------------------------------------------------------- 1 | 13 | 14 | 28 | -------------------------------------------------------------------------------- /demo/src/examples/VideoPoster.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 24 | -------------------------------------------------------------------------------- /demo/src/examples/VideoSlot.vue: -------------------------------------------------------------------------------- 1 | 17 | 18 | 33 | -------------------------------------------------------------------------------- /demo/src/examples/VideoSource.vue: -------------------------------------------------------------------------------- 1 | 7 | 8 | 16 | -------------------------------------------------------------------------------- /demo/src/examples/VideoSourceBlob.vue: -------------------------------------------------------------------------------- 1 | 12 | 13 | 35 | -------------------------------------------------------------------------------- /demo/src/examples/VideoStartTime.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 23 | -------------------------------------------------------------------------------- /demo/src/examples/VideoTrackLanguage.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 62 | -------------------------------------------------------------------------------- /demo/src/examples/VideoTracks.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 61 | -------------------------------------------------------------------------------- /demo/src/index.template.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | <%= productName %> 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 28 | 29 | 30 |
31 | 32 | 33 | -------------------------------------------------------------------------------- /demo/src/pages/Error404.vue: -------------------------------------------------------------------------------- 1 | 24 | 25 | 30 | -------------------------------------------------------------------------------- /demo/src/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import VueRouter from 'vue-router' 3 | 4 | import routes from './routes' 5 | 6 | Vue.use(VueRouter) 7 | 8 | /* 9 | * If not building with SSR mode, you can 10 | * directly export the Router instantiation; 11 | * 12 | * The function below can be async too; either use 13 | * async/await or return a Promise which resolves 14 | * with the Router instance. 15 | */ 16 | 17 | export default function (/* { store, ssrContext } */) { 18 | const Router = new VueRouter({ 19 | scrollBehavior (to, _, savedPosition) { 20 | return new Promise(resolve => { 21 | setTimeout(() => { 22 | if (to.hash !== undefined && to.hash !== '') { 23 | const el = document.getElementById(to.hash.substring(1)) 24 | 25 | if (el !== null) { 26 | resolve({ x: 0, y: el.offsetTop - el.scrollHeight }) 27 | return 28 | } 29 | } 30 | 31 | resolve(savedPosition || { x: 0, y: 0 }) 32 | }, 100) 33 | }) 34 | }, 35 | routes, 36 | 37 | // Leave these as they are and change in quasar.conf.js instead! 38 | // quasar.conf.js -> build -> vueRouterMode 39 | // quasar.conf.js -> build -> publicPath 40 | mode: process.env.VUE_ROUTER_MODE, 41 | base: process.env.VUE_ROUTER_BASE 42 | }) 43 | 44 | return Router 45 | } 46 | -------------------------------------------------------------------------------- /demo/src/router/routes.js: -------------------------------------------------------------------------------- 1 | 2 | const routes = [ 3 | { 4 | path: '/', 5 | redirect: '/docs' 6 | }, 7 | { 8 | path: '/docs', 9 | component: () => import('layouts/MainLayout.vue'), 10 | children: [ 11 | { path: '', component: () => import('pages/Index.vue') } 12 | ] 13 | }, 14 | { 15 | path: '/examples', 16 | component: () => import('layouts/MainLayout.vue'), 17 | children: [ 18 | { path: '', component: () => import('pages/Examples.vue') } 19 | ] 20 | }, 21 | { 22 | path: '/demo', 23 | component: () => import('layouts/MediaPlayerLayout.vue'), 24 | children: [ 25 | { path: '', component: () => import('pages/MediaPlayer.vue') } 26 | ] 27 | }, 28 | { 29 | path: '/demoNCO', 30 | component: () => import('layouts/MediaPlayerLayout.vue'), 31 | children: [ 32 | { path: '', component: () => import('pages/MediaPlayerNCO.vue') } 33 | ] 34 | }, 35 | // Always leave this as last one, 36 | // but you can also remove it 37 | { 38 | path: '*', 39 | component: () => import('pages/Error404.vue') 40 | } 41 | ] 42 | 43 | export default routes 44 | -------------------------------------------------------------------------------- /demo/src/store/common/actions.js: -------------------------------------------------------------------------------- 1 | /* 2 | export function someAction (context) { 3 | } 4 | */ 5 | -------------------------------------------------------------------------------- /demo/src/store/common/getters.js: -------------------------------------------------------------------------------- 1 | export const titlebarHeight = (state) => state.titlebarHeight 2 | export const toc = (state) => state.toc 3 | -------------------------------------------------------------------------------- /demo/src/store/common/index.js: -------------------------------------------------------------------------------- 1 | import state from './state' 2 | import * as getters from './getters' 3 | import * as mutations from './mutations' 4 | import * as actions from './actions' 5 | 6 | export default { 7 | namespaced: true, 8 | state, 9 | getters, 10 | mutations, 11 | actions 12 | } 13 | -------------------------------------------------------------------------------- /demo/src/store/common/mutations.js: -------------------------------------------------------------------------------- 1 | export const titlebarHeight = (state, height) => { 2 | state.titlebarHeight = height 3 | } 4 | export const toc = (state, toc) => { 5 | state.toc.splice(0, state.toc.length, ...toc) 6 | } 7 | -------------------------------------------------------------------------------- /demo/src/store/common/state.js: -------------------------------------------------------------------------------- 1 | export default { 2 | titlebarHeight: 0, 3 | toc: [] 4 | } 5 | -------------------------------------------------------------------------------- /demo/src/store/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Vuex from 'vuex' 3 | 4 | import mediaplayer from './mediaplayer' 5 | import common from './common' 6 | 7 | Vue.use(Vuex) 8 | 9 | /* 10 | * If not building with SSR mode, you can 11 | * directly export the Store instantiation 12 | */ 13 | 14 | export default function (/* { ssrContext } */) { 15 | const Store = new Vuex.Store({ 16 | modules: { 17 | mediaplayer, 18 | common 19 | }, 20 | 21 | // enable strict mode (adds overhead!) 22 | // for dev mode only 23 | strict: process.env.DEV 24 | }) 25 | 26 | return Store 27 | } 28 | -------------------------------------------------------------------------------- /demo/src/store/mediaplayer/actions.js: -------------------------------------------------------------------------------- 1 | /* 2 | export function someAction (context) { 3 | } 4 | */ 5 | -------------------------------------------------------------------------------- /demo/src/store/mediaplayer/getters.js: -------------------------------------------------------------------------------- 1 | /* 2 | export function someGetter (state) { 3 | } 4 | */ 5 | -------------------------------------------------------------------------------- /demo/src/store/mediaplayer/index.js: -------------------------------------------------------------------------------- 1 | import state from './state' 2 | import * as getters from './getters' 3 | import * as mutations from './mutations' 4 | import * as actions from './actions' 5 | 6 | export default { 7 | namespaced: true, 8 | state, 9 | getters, 10 | mutations, 11 | actions 12 | } 13 | -------------------------------------------------------------------------------- /demo/src/store/mediaplayer/mutations.js: -------------------------------------------------------------------------------- 1 | /* 2 | export function someMutation (state) { 3 | } 4 | */ 5 | -------------------------------------------------------------------------------- /demo/src/store/mediaplayer/state.js: -------------------------------------------------------------------------------- 1 | export default { 2 | // 3 | } 4 | -------------------------------------------------------------------------------- /demo/src/store/store-flag.d.ts: -------------------------------------------------------------------------------- 1 | // THIS FEATURE-FLAG FILE IS AUTOGENERATED, 2 | // REMOVAL OR CHANGES WILL CAUSE RELATED TYPES TO STOP WORKING 3 | import "quasar/dist/types/feature-flag"; 4 | 5 | declare module "quasar/dist/types/feature-flag" { 6 | interface QuasarFeatureFlags { 7 | store: true; 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /docs/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 404 Redirect 8 | 9 | 12 | 13 | 14 | 15 | 16 | 17 |               18 |               19 |               20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /docs/css/4.0049e65a.css: -------------------------------------------------------------------------------- 1 | #bottomControls .q-media__controls{background:teal} -------------------------------------------------------------------------------- /docs/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/favicon.ico -------------------------------------------------------------------------------- /docs/fonts/Eva-Icons.2f2b9626.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/Eva-Icons.2f2b9626.woff -------------------------------------------------------------------------------- /docs/fonts/Eva-Icons.ac165c67.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/Eva-Icons.ac165c67.woff2 -------------------------------------------------------------------------------- /docs/fonts/KFOkCnqEu92Fr1MmgVxIIzQ.9391e6e2.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/KFOkCnqEu92Fr1MmgVxIIzQ.9391e6e2.woff -------------------------------------------------------------------------------- /docs/fonts/KFOlCnqEu92Fr1MmEU9fBBc-.ddd11dab.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/KFOlCnqEu92Fr1MmEU9fBBc-.ddd11dab.woff -------------------------------------------------------------------------------- /docs/fonts/KFOlCnqEu92Fr1MmSU5fBBc-.877b9231.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/KFOlCnqEu92Fr1MmSU5fBBc-.877b9231.woff -------------------------------------------------------------------------------- /docs/fonts/KFOlCnqEu92Fr1MmWUlfBBc-.0344cc3c.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/KFOlCnqEu92Fr1MmWUlfBBc-.0344cc3c.woff -------------------------------------------------------------------------------- /docs/fonts/KFOlCnqEu92Fr1MmYUtfBBc-.b555d228.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/KFOlCnqEu92Fr1MmYUtfBBc-.b555d228.woff -------------------------------------------------------------------------------- /docs/fonts/KFOmCnqEu92Fr1Mu4mxM.9b78ea3b.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/KFOmCnqEu92Fr1Mu4mxM.9b78ea3b.woff -------------------------------------------------------------------------------- /docs/fonts/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmJ.f407ef54.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmJ.f407ef54.woff -------------------------------------------------------------------------------- /docs/fonts/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmPq_HTTw.b6be0cbe.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmPq_HTTw.b6be0cbe.woff2 -------------------------------------------------------------------------------- /docs/fonts/bootstrap-icons.94eeade1.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/bootstrap-icons.94eeade1.woff -------------------------------------------------------------------------------- /docs/fonts/bootstrap-icons.dfd0ea12.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/bootstrap-icons.dfd0ea12.woff2 -------------------------------------------------------------------------------- /docs/fonts/fa-brands-400.329a95a9.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/fa-brands-400.329a95a9.woff -------------------------------------------------------------------------------- /docs/fonts/fa-brands-400.c1210e5e.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/fa-brands-400.c1210e5e.woff2 -------------------------------------------------------------------------------- /docs/fonts/fa-regular-400.36722648.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/fa-regular-400.36722648.woff -------------------------------------------------------------------------------- /docs/fonts/fa-regular-400.68c5af1f.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/fa-regular-400.68c5af1f.woff2 -------------------------------------------------------------------------------- /docs/fonts/fa-solid-900.ada6e6df.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/fa-solid-900.ada6e6df.woff2 -------------------------------------------------------------------------------- /docs/fonts/fa-solid-900.c6ec0800.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/fa-solid-900.c6ec0800.woff -------------------------------------------------------------------------------- /docs/fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.bbf3b920.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.bbf3b920.woff -------------------------------------------------------------------------------- /docs/fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.8e0a67eb.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.8e0a67eb.woff2 -------------------------------------------------------------------------------- /docs/fonts/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcY.d9ee7462.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcY.d9ee7462.woff -------------------------------------------------------------------------------- /docs/fonts/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcel5euIg.fd23b35f.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcel5euIg.fd23b35f.woff2 -------------------------------------------------------------------------------- /docs/fonts/ionicons.175f391f.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/ionicons.175f391f.woff2 -------------------------------------------------------------------------------- /docs/fonts/ionicons.bf69b013.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/ionicons.bf69b013.woff -------------------------------------------------------------------------------- /docs/fonts/la-brands-400.3a8109c4.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/la-brands-400.3a8109c4.woff2 -------------------------------------------------------------------------------- /docs/fonts/la-brands-400.925b340f.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/la-brands-400.925b340f.woff -------------------------------------------------------------------------------- /docs/fonts/la-regular-400.8dc1cedf.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/la-regular-400.8dc1cedf.woff2 -------------------------------------------------------------------------------- /docs/fonts/la-regular-400.aa859c0d.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/la-regular-400.aa859c0d.woff -------------------------------------------------------------------------------- /docs/fonts/la-solid-900.3efd5ba1.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/la-solid-900.3efd5ba1.woff2 -------------------------------------------------------------------------------- /docs/fonts/la-solid-900.89363487.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/la-solid-900.89363487.woff -------------------------------------------------------------------------------- /docs/fonts/materialdesignicons-webfont.d8e8e0f7.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/materialdesignicons-webfont.d8e8e0f7.woff -------------------------------------------------------------------------------- /docs/fonts/materialdesignicons-webfont.e9db4005.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/materialdesignicons-webfont.e9db4005.woff2 -------------------------------------------------------------------------------- /docs/fonts/oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvRImcycg.8dd6c22f.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvRImcycg.8dd6c22f.woff2 -------------------------------------------------------------------------------- /docs/fonts/oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvX.3b402213.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvX.3b402213.woff -------------------------------------------------------------------------------- /docs/fonts/themify.29b39089.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/fonts/themify.29b39089.woff -------------------------------------------------------------------------------- /docs/icons/favicon-128x128.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/icons/favicon-128x128.png -------------------------------------------------------------------------------- /docs/icons/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/icons/favicon-16x16.png -------------------------------------------------------------------------------- /docs/icons/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/icons/favicon-32x32.png -------------------------------------------------------------------------------- /docs/icons/favicon-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/eb0bc001ec226d04fe7d61d11f05d6220b5ed9ca/docs/icons/favicon-96x96.png -------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- 1 | QMediaPlayer docs, examples and demo site
-------------------------------------------------------------------------------- /docs/js/10.e712a371.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[10],{"7baf":function(e,t,a){"use strict";a.r(t);var r=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticStyle:{"max-width":"800px",width:"100%"}},[a("q-media-player",{attrs:{type:"audio",sources:e.sources,"background-color":"orange-8"}})],1)},o=[],u={data:function(){return{sources:[{src:"https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/dev/demo/public/media/Scott_Holmes_-_04_-_Upbeat_Party.mp3",type:"audio/mp3"}]}}},s=u,c=a("2877"),n=Object(c["a"])(s,r,o,!1,null,null,null);t["default"]=n.exports}}]); -------------------------------------------------------------------------------- /docs/js/11.0261c6f8.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[11],{9201:function(t,e,a){"use strict";a.r(e);var r=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticStyle:{"max-width":"800px",width:"100%"}},[a("q-media-player",{attrs:{type:"audio",sources:t.sources}})],1)},s=[],u={data:function(){return{sources:[{src:"https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/dev/demo/public/media/Scott_Holmes_-_04_-_Upbeat_Party.mp3",type:"audio/mp3"}]}}},i=u,o=a("2877"),c=Object(o["a"])(i,r,s,!1,null,null,null);e["default"]=c.exports}}]); -------------------------------------------------------------------------------- /docs/js/12.bd24d075.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[12],{b4d8:function(t,e,o){"use strict";o.r(e);var a=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("q-media-player",{ref:"qmp",attrs:{"content-style":"height: 100px; width: 100px","bottom-controls":"",sources:t.sources,type:"video"},scopedSlots:t._u([{key:"overlay",fn:function(){return[o("div",{staticClass:"full-width full-height",staticStyle:{top:"0",left:"0",position:"absolute"}},[o("div",{staticClass:"column q-ma-md q-pa-sm bg-amber-3",staticStyle:{position:"absolute"}},[t._v("\n We are playing the audio in video type player to test the "),o("code",[t._v("\n bottom-controls\n ")])])])]},proxy:!0}])})},s=[],i={data:function(){return{sources:[{src:"https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/dev/demo/public/media/Scott_Holmes_-_04_-_Upbeat_Party.mp3",type:"audio/mp3"}]}}},n=i,r=o("2877"),l=Object(r["a"])(n,a,s,!1,null,null,null);e["default"]=l.exports}}]); -------------------------------------------------------------------------------- /docs/js/13.68f89a85.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[13],{"1c78":function(e,t,a){"use strict";a.r(t);var r=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticStyle:{"max-width":"800px",width:"100%"}},[a("q-media-player",{attrs:{type:"audio",sources:e.sources,color:"orange-8"}})],1)},o=[],s={data:function(){return{sources:[{src:"https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/dev/demo/public/media/Scott_Holmes_-_04_-_Upbeat_Party.mp3",type:"audio/mp3"}]}}},u=s,c=a("2877"),i=Object(c["a"])(u,r,o,!1,null,null,null);t["default"]=i.exports}}]); -------------------------------------------------------------------------------- /docs/js/14.2a6a6db5.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[14],{"196c":function(e,t,a){"use strict";a.r(t);var r=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticStyle:{"max-width":"800px",width:"100%"}},[a("q-media-player",{attrs:{type:"audio",sources:e.sources,"background-color":"blue-grey-2",dark:""}})],1)},u=[],o={data:function(){return{sources:[{src:"https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/dev/demo/public/media/Scott_Holmes_-_04_-_Upbeat_Party.mp3",type:"audio/mp3"}]}}},s=o,c=a("2877"),i=Object(c["a"])(s,r,u,!1,null,null,null);t["default"]=i.exports}}]); -------------------------------------------------------------------------------- /docs/js/15.2b1ab618.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[15],{"441d":function(e,t,a){"use strict";a.r(t);var r=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticStyle:{"max-width":"800px",width:"100%"}},[a("q-media-player",{attrs:{type:"audio",sources:e.sources,dense:""}})],1)},s=[],u={data:function(){return{sources:[{src:"https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/dev/demo/public/media/Scott_Holmes_-_04_-_Upbeat_Party.mp3",type:"audio/mp3"}]}}},i=u,n=a("2877"),o=Object(n["a"])(i,r,s,!1,null,null,null);t["default"]=o.exports}}]); -------------------------------------------------------------------------------- /docs/js/16.3a6ffab0.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[16],{"19b8":function(e,t,a){"use strict";a.r(t);var r=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticStyle:{"max-width":"800px",width:"100%"}},[a("q-media-player",{attrs:{type:"audio",sources:e.sources,"disabled-seek":""}})],1)},s=[],u={data:function(){return{sources:[{src:"https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/dev/demo/public/media/Scott_Holmes_-_04_-_Upbeat_Party.mp3",type:"audio/mp3"}]}}},i=u,o=a("2877"),c=Object(o["a"])(i,r,s,!1,null,null,null);t["default"]=c.exports}}]); -------------------------------------------------------------------------------- /docs/js/17.ae25964d.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[17],{d568:function(e,t,a){"use strict";a.r(t);var r=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticStyle:{"max-width":"800px",width:"100%"}},[a("q-media-player",{attrs:{type:"audio",sources:e.sources,"hide-volume-slider":""}})],1)},s=[],u={data:function(){return{sources:[{src:"https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/dev/demo/public/media/Scott_Holmes_-_04_-_Upbeat_Party.mp3",type:"audio/mp3"}]}}},i=u,o=a("2877"),c=Object(o["a"])(i,r,s,!1,null,null,null);t["default"]=c.exports}}]); -------------------------------------------------------------------------------- /docs/js/18.0de8b11f.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[18],{"2d73":function(e,t,a){"use strict";a.r(t);var r=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticStyle:{"max-width":"800px",width:"100%"}},[a("q-media-player",{attrs:{type:"audio",sources:e.sources,dense:"","hide-volume-slider":""}})],1)},s=[],u={data:function(){return{sources:[{src:"https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/dev/demo/public/media/Scott_Holmes_-_04_-_Upbeat_Party.mp3",type:"audio/mp3"}]}}},i=u,o=a("2877"),n=Object(o["a"])(i,r,s,!1,null,null,null);t["default"]=n.exports}}]); -------------------------------------------------------------------------------- /docs/js/20.23820a0d.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[20],{"76bd":function(e,t,n){"use strict";n.r(t);var s=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticStyle:{"max-width":"800px",width:"100%"}},[n("q-media-player",{attrs:{type:"audio","no-video":"",sources:e.sources}})],1)},o=[],r={data:function(){return{sources:[{src:"http://www.peach.themazzone.com/durian/movies/sintel-2048-surround.mp4",type:"video/mp4"}]}}},a=r,i=n("2877"),u=Object(i["a"])(a,s,o,!1,null,null,null);t["default"]=u.exports}}]); -------------------------------------------------------------------------------- /docs/js/21.1185c764.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[21],{ab28:function(e,t,a){"use strict";a.r(t);var r=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticStyle:{"max-width":"800px",width:"100%"}},[a("q-media-player",{attrs:{type:"audio",sources:e.sources,playsinline:""}})],1)},s=[],u={data:function(){return{sources:[{src:"https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/dev/demo/public/media/Scott_Holmes_-_04_-_Upbeat_Party.mp3",type:"audio/mp3"}]}}},i=u,n=a("2877"),o=Object(n["a"])(i,r,s,!1,null,null,null);t["default"]=o.exports}}]); -------------------------------------------------------------------------------- /docs/js/22.9c1ef59f.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[22],{"4e3e":function(t,e,a){"use strict";a.r(e);var r=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticStyle:{"max-width":"800px",width:"100%"}},[a("q-media-player",{attrs:{type:"audio",source:"https://raw.githubusercontent.com/quasarframework/quasar-ui-qmediaplayer/dev/demo/public/media/Scott_Holmes_-_04_-_Upbeat_Party.mp3"}})],1)},u=[],i={data:function(){return{}}},n=i,o=a("2877"),s=Object(o["a"])(n,r,u,!1,null,null,null);e["default"]=s.exports}}]); -------------------------------------------------------------------------------- /docs/js/23.14af4b15.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[23],{a0cb:function(e,t,a){"use strict";a.r(t);var l=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticStyle:{"max-width":"800px",width:"100%"}},[a("q-input",{staticClass:"q-pa-md",staticStyle:{width:"50%"},attrs:{filled:"",clearable:"",type:"file"},model:{value:e.media,callback:function(t){e.media=t},expression:"media"}}),a("q-media-player",{ref:"mediaplayer",attrs:{type:"audio",autoplay:"",source:e.itemUrl}})],1)},i=[],n={data:function(){return{media:null,itemUrl:null}},watch:{media:function(e){e&&e.length>0&&this.loadFileBlob(e)}},methods:{loadFileBlob:function(e){this.$refs.mediaplayer.loadFileBlob(e)}}},o=n,d=a("2877"),s=a("27f9"),c=a("eebe"),r=a.n(c),u=Object(d["a"])(o,l,i,!1,null,null,null);t["default"]=u.exports;r()(u,"components",{QInput:s["a"]})}}]); -------------------------------------------------------------------------------- /docs/js/24.6f9d1f6b.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[24],{"5b6e":function(e,n,r){"use strict";r.r(n);var t=function(){var e=this,n=e.$createElement,r=e._self._c||n;return r("q-media-player",{attrs:{type:"video",sources:e.sources,"background-color":"orange-8"}})},o=[],s={data:function(){return{sources:[{src:"http://www.peach.themazzone.com/durian/movies/sintel-2048-surround.mp4",type:"video/mp4"}]}}},u=s,a=r("2877"),c=Object(a["a"])(u,t,o,!1,null,null,null);n["default"]=c.exports}}]); -------------------------------------------------------------------------------- /docs/js/25.abcdefbd.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[25],{"4a79":function(e,t,n){"use strict";n.r(t);var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("q-media-player",{attrs:{type:"video",sources:e.sources}})},s=[],o={data:function(){return{sources:[{src:"http://www.peach.themazzone.com/durian/movies/sintel-2048-surround.mp4",type:"video/mp4"}]}}},u=o,a=n("2877"),c=Object(a["a"])(u,r,s,!1,null,null,null);t["default"]=c.exports}}]); -------------------------------------------------------------------------------- /docs/js/26.8e4ab6b9.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[26],{"9db9":function(t,e,n){"use strict";n.r(e);var s=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("q-media-player",{ref:"qmp",attrs:{"bottom-controls":!0,sources:t.sources,"background-color":"teal-3","content-style":"height: 200px;",type:"video"},on:{playing:function(e){t.isPlaying=!0},paused:function(e){t.isPlaying=!1}},scopedSlots:t._u([{key:"controls",fn:function(){return[n("div",{staticClass:"column text-white bg-teal q-pa-md q-mt-xs"},[n("div",{staticClass:"row"},[n("q-btn",{staticClass:"q-ml-sm",attrs:{size:"xl",icon:t.isPlaying?"stop":"play_arrow",outline:""},on:{click:function(e){return t.$refs.qmp.togglePlay()}}}),n("q-space"),n("q-btn",{attrs:{flat:"",icon:"fullscreen"},on:{click:function(e){return t.$refs.qmp.toggleFullscreen()}}})],1)])]},proxy:!0}])})},o=[],a={data:function(){return{isPlaying:!1,sources:[{src:"https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4#t=300",type:"video/mp4"}]}}},c=a,l=n("2877"),i=n("9c40"),r=n("2c91"),u=n("eebe"),p=n.n(u),m=Object(l["a"])(c,s,o,!1,null,null,null);e["default"]=m.exports;p()(m,"components",{QBtn:i["a"],QSpace:r["a"]})}}]); -------------------------------------------------------------------------------- /docs/js/27.3301acb4.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[27],{"37d4":function(e,o,t){"use strict";t.r(o);var n=function(){var e=this,o=e.$createElement,t=e._self._c||o;return t("q-media-player",{attrs:{type:"video",sources:e.sources,color:"orange-8","big-play-button-color":"yellow-8"}})},r=[],s={data:function(){return{sources:[{src:"http://www.peach.themazzone.com/durian/movies/sintel-2048-surround.mp4",type:"video/mp4"}]}}},u=s,a=t("2877"),c=Object(a["a"])(u,n,r,!1,null,null,null);o["default"]=c.exports}}]); -------------------------------------------------------------------------------- /docs/js/28.90874d03.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[28],{e6ea:function(e,r,t){"use strict";t.r(r);var n=function(){var e=this,r=e.$createElement,t=e._self._c||r;return t("q-media-player",{attrs:{type:"video",sources:e.sources,"background-color":"blue-grey-2",dark:""}})},o=[],s={data:function(){return{sources:[{src:"http://www.peach.themazzone.com/durian/movies/sintel-2048-surround.mp4",type:"video/mp4"}]}}},u=s,a=t("2877"),c=Object(a["a"])(u,n,o,!1,null,null,null);r["default"]=c.exports}}]); -------------------------------------------------------------------------------- /docs/js/29.642c1ca4.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[29],{"75d7":function(e,t,n){"use strict";n.r(t);var s=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("q-media-player",{attrs:{type:"video",sources:e.sources,dense:""}})},r=[],o={data:function(){return{sources:[{src:"http://www.peach.themazzone.com/durian/movies/sintel-2048-surround.mp4",type:"video/mp4"}]}}},u=o,a=n("2877"),c=Object(a["a"])(u,s,r,!1,null,null,null);t["default"]=c.exports}}]); -------------------------------------------------------------------------------- /docs/js/30.ec3e5848.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[30],{b8f5:function(e,t,s){"use strict";s.r(t);var n=function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("q-media-player",{attrs:{type:"video",sources:e.sources,"disabled-seek":""}})},r=[],o={data:function(){return{sources:[{src:"http://www.peach.themazzone.com/durian/movies/sintel-2048-surround.mp4",type:"video/mp4"}]}}},u=o,a=s("2877"),c=Object(a["a"])(u,n,r,!1,null,null,null);t["default"]=c.exports}}]); -------------------------------------------------------------------------------- /docs/js/31.14d496cb.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[31],{b11d:function(e,t,n){"use strict";n.r(t);var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("q-media-player",{attrs:{type:"video",sources:e.sources,"hide-volume-slider":""}})},s=[],o={data:function(){return{sources:[{src:"http://www.peach.themazzone.com/durian/movies/sintel-2048-surround.mp4",type:"video/mp4"}]}}},u=o,a=n("2877"),c=Object(a["a"])(u,r,s,!1,null,null,null);t["default"]=c.exports}}]); -------------------------------------------------------------------------------- /docs/js/32.ebcd0c79.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[32],{"029d":function(e,t,n){"use strict";n.r(t);var s=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("q-media-player",{attrs:{type:"video",sources:e.sources,dense:"","hide-volume-slider":""}})},r=[],o={data:function(){return{sources:[{src:"http://www.peach.themazzone.com/durian/movies/sintel-2048-surround.mp4",type:"video/mp4"}]}}},u=o,a=n("2877"),c=Object(a["a"])(u,s,r,!1,null,null,null);t["default"]=c.exports}}]); -------------------------------------------------------------------------------- /docs/js/34.380efcc4.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[34],{"0f9f":function(e,t,r){"use strict";r.r(t);var s=function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("q-media-player",{attrs:{type:"video",sources:e.sources,poster:e.poster,"mobile-mode":""}})},o=[],n={data:function(){return{poster:"media/TearsOfSteel/TearsOfSteel.jpeg",sources:[{src:"http://www.peach.themazzone.com/durian/movies/sintel-2048-surround.mp4",type:"video/mp4"}]}}},a=n,p=r("2877"),u=Object(p["a"])(a,s,o,!1,null,null,null);t["default"]=u.exports}}]); -------------------------------------------------------------------------------- /docs/js/35.d2690cc6.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[35],{b851:function(e,n,t){"use strict";t.r(n);var s=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("q-media-player",{attrs:{type:"video",sources:e.sources,playsinline:""}})},r=[],o={data:function(){return{sources:[{src:"http://www.peach.themazzone.com/durian/movies/sintel-2048-surround.mp4",type:"video/mp4"}]}}},u=o,a=t("2877"),c=Object(a["a"])(u,s,r,!1,null,null,null);n["default"]=c.exports}}]); -------------------------------------------------------------------------------- /docs/js/36.99a11acd.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[36],{e8b8:function(e,t,n){"use strict";n.r(t);var o=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("q-media-player",{attrs:{type:"video",sources:e.sources,"bottom-controls":"",playsinline:""}})},s=[],r={data:function(){return{sources:[{src:"http://www.peach.themazzone.com/durian/movies/sintel-2048-surround.mp4",type:"video/mp4"}]}}},u=r,a=n("2877"),c=Object(a["a"])(u,o,s,!1,null,null,null);t["default"]=c.exports}}]); -------------------------------------------------------------------------------- /docs/js/37.35b224ce.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[37],{"4c3f":function(t,e,o){"use strict";o.r(e);var r=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"column col"},[o("div",{staticStyle:{"max-width":"100%"}},[o("q-media-player",{staticStyle:{height:"400px","text-align":"center"},attrs:{type:"video",sources:t.sources}})],1),t._m(0)])},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",[t._v("Video by "),o("strong",[o("a",{attrs:{target:"_blank",href:"https://www.pexels.com/@ono-kosuki?utm_content=attributionCopyText&utm_medium=referral&utm_source=pexels"}},[t._v("Ono Kosuki")])]),t._v(" from "),o("strong",[o("a",{attrs:{target:"_blank",href:"https://www.pexels.com/photo/a-woman-texting-on-her-cellphone-5974545/?utm_content=attributionCopyText&utm_medium=referral&utm_source=pexels"}},[t._v("Pexels")])])])}],s={data:function(){return{sources:[{src:"media/pexels-ono-kosuki-5974545.mp4",type:"video/mp4"}]}}},a=s,i=o("2877"),u=Object(i["a"])(a,r,n,!1,null,null,null);e["default"]=u.exports}}]); -------------------------------------------------------------------------------- /docs/js/38.2a24a84e.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[38],{"38c1":function(e,t,r){"use strict";r.r(t);var s=function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("q-media-player",{attrs:{type:"video",sources:e.sources,poster:e.poster}})},n=[],o={data:function(){return{poster:"media/TearsOfSteel/TearsOfSteel.jpeg",sources:[{src:"http://www.peach.themazzone.com/durian/movies/sintel-2048-surround.mp4",type:"video/mp4"}]}}},a=o,p=r("2877"),u=Object(p["a"])(a,s,n,!1,null,null,null);t["default"]=u.exports}}]); -------------------------------------------------------------------------------- /docs/js/39.f21d9e33.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[39],{dc13:function(e,t,r){"use strict";r.r(t);var s=function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("q-media-player",{attrs:{type:"video",sources:e.sources,poster:e.poster},scopedSlots:e._u([{key:"overlay",fn:function(){return[r("div",[r("img",{staticStyle:{width:"30vw","max-width":"50px",opacity:"0.25"},attrs:{src:"quasar-logo.png"}})])]},proxy:!0}])})},o=[],a={data:function(){return{poster:"media/TearsOfSteel/TearsOfSteel.jpeg",sources:[{src:"http://www.peach.themazzone.com/durian/movies/sintel-2048-surround.mp4",type:"video/mp4"}]}}},n=a,p=r("2877"),c=Object(p["a"])(n,s,o,!1,null,null,null);t["default"]=c.exports}}]); -------------------------------------------------------------------------------- /docs/js/4.f763da85.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[4],{"07d9":function(t,e,o){"use strict";o("732e")},"100b":function(t,e,o){"use strict";o.r(e);var s=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("q-media-player",{attrs:{id:"bottomControls","bottom-controls":!0,sources:t.sources,color:"white",type:"video"}})},n=[],r={data:function(){return{sources:[{src:"https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4#t=100",type:"video/mp4"}]}}},c=r,a=(o("07d9"),o("2877")),u=Object(a["a"])(c,s,n,!1,null,null,null);e["default"]=u.exports},"732e":function(t,e,o){}}]); -------------------------------------------------------------------------------- /docs/js/40.0bec79d9.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[40],{b5af:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("q-media-player",{attrs:{type:"video",source:"http://www.peach.themazzone.com/durian/movies/sintel-2048-surround.mp4"}})},r=[],u={data:function(){return{}}},o=u,s=n("2877"),c=Object(s["a"])(o,a,r,!1,null,null,null);t["default"]=c.exports}}]); -------------------------------------------------------------------------------- /docs/js/41.05cfae2b.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[41],{a576:function(e,l,t){"use strict";t.r(l);var a=function(){var e=this,l=e.$createElement,t=e._self._c||l;return t("div",[t("q-input",{staticClass:"q-pa-md",staticStyle:{width:"50%"},attrs:{filled:"",clearable:"",type:"file"},model:{value:e.media,callback:function(l){e.media=l},expression:"media"}}),t("q-media-player",{ref:"mediaplayer",attrs:{type:"video",autoplay:"",source:e.itemUrl}})],1)},i=[],n={data:function(){return{media:null,itemUrl:null}},watch:{media:function(e){e&&e.length>0&&this.loadFileBlob(e)}},methods:{loadFileBlob:function(e){this.$refs.mediaplayer.loadFileBlob(e)}}},o=n,d=t("2877"),r=t("27f9"),s=t("eebe"),u=t.n(s),c=Object(d["a"])(o,a,i,!1,null,null,null);l["default"]=c.exports;u()(c,"components",{QInput:r["a"]})}}]); -------------------------------------------------------------------------------- /docs/js/42.0eb1f0c9.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[42],{aa8c:function(e,t,o){"use strict";o.r(t);var s=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("q-media-player",{attrs:{sources:e.sources,type:"video","mobile-mode":""}})},a=[],n={data:function(){return{sources:[{src:"https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4#t=90",type:"video/mp4"}]}}},r=n,c=o("2877"),p=Object(c["a"])(r,s,a,!1,null,null,null);t["default"]=p.exports}}]); -------------------------------------------------------------------------------- /docs/js/43.6b1d8915.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[43],{7394:function(e,t,s){"use strict";s.r(t);var l=function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("q-media-player",{attrs:{type:"video",sources:e.sources,tracks:e.tracks,"track-language":"French"}})},a=[],r={data:function(){return{sources:[{src:"http://ftp.nluug.nl/pub/graphics/blender/demo/movies/ToS/tears_of_steel_720p.mov",type:"video/mp4"}],tracks:[{src:"media/TearsOfSteel/TOS-en.vtt",kind:"subtitles",srclang:"en",label:"English"},{src:"media/TearsOfSteel/TOS-de.vtt",kind:"subtitles",srclang:"de",label:"German"},{src:"media/TearsOfSteel/TOS-es.vtt",kind:"subtitles",srclang:"es",label:"Spanish"},{src:"media/TearsOfSteel/TOS-fr-Goofy.vtt",kind:"subtitles",srclang:"fr",label:"French"},{src:"media/TearsOfSteel/TOS-it.vtt",kind:"subtitles",srclang:"it",label:"Italian"},{src:"media/TearsOfSteel/TOS-nl.vtt",kind:"subtitles",srclang:"nl",label:"Dutch"}]}}},n=r,i=s("2877"),c=Object(i["a"])(n,l,a,!1,null,null,null);t["default"]=c.exports}}]); -------------------------------------------------------------------------------- /docs/js/44.0ea604fe.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[44],{"0176":function(e,t,s){"use strict";s.r(t);var l=function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("q-media-player",{attrs:{type:"video",sources:e.sources,tracks:e.tracks}})},a=[],r={data:function(){return{sources:[{src:"http://ftp.nluug.nl/pub/graphics/blender/demo/movies/ToS/tears_of_steel_720p.mov",type:"video/mp4"}],tracks:[{src:"media/TearsOfSteel/TOS-en.vtt",kind:"subtitles",srclang:"en",label:"English"},{src:"media/TearsOfSteel/TOS-de.vtt",kind:"subtitles",srclang:"de",label:"German"},{src:"media/TearsOfSteel/TOS-es.vtt",kind:"subtitles",srclang:"es",label:"Spanish"},{src:"media/TearsOfSteel/TOS-fr-Goofy.vtt",kind:"subtitles",srclang:"fr",label:"French"},{src:"media/TearsOfSteel/TOS-it.vtt",kind:"subtitles",srclang:"it",label:"Italian"},{src:"media/TearsOfSteel/TOS-nl.vtt",kind:"subtitles",srclang:"nl",label:"Dutch"}]}}},n=r,i=s("2877"),c=Object(i["a"])(n,l,a,!1,null,null,null);t["default"]=c.exports}}]); -------------------------------------------------------------------------------- /docs/js/45.563c7d10.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[45],{e51e:function(t,e,n){"use strict";n.r(e);var l=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"fullscreen bg-blue text-white text-center q-pa-md flex flex-center"},[n("div",[n("div",{staticStyle:{"font-size":"30vh"}},[t._v("\n 404\n ")]),n("div",{staticClass:"text-h2",staticStyle:{opacity:".4"}},[t._v("\n Oops. Nothing here...\n ")]),n("q-btn",{staticClass:"q-mt-xl",attrs:{color:"white","text-color":"blue",unelevated:"",to:"/",label:"Go Home","no-caps":""}})],1)])},s=[],a={name:"Error404"},c=a,o=n("2877"),i=n("9c40"),r=n("eebe"),u=n.n(r),p=Object(o["a"])(c,l,s,!1,null,null,null);e["default"]=p.exports;u()(p,"components",{QBtn:i["a"]})}}]); -------------------------------------------------------------------------------- /docs/js/48.24a5d6b6.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[48],{"4f28":function(n,e,t){"use strict";t.r(e),e["default"]='\n\n