20 |
21 |
22 |
27 |
28 |
29 |
50 |
--------------------------------------------------------------------------------
/src/util/copytext.js:
--------------------------------------------------------------------------------
1 | export default function copyTextToClipboard(text) {
2 | let textArea = document.createElement("textarea");
3 |
4 | //
5 | // *** This styling is an extra step which is likely not required. ***
6 | //
7 | // Why is it here? To ensure:
8 | // 1. the element is able to have focus and selection.
9 | // 2. if element was to flash render it has minimal visual impact.
10 | // 3. less flakyness with selection and copying which **might** occur if
11 | // the textarea element is not visible.
12 | //
13 | // The likelihood is the element won't even render, not even a flash,
14 | // so some of these are just precautions. However in IE the element
15 | // is visible whilst the popup box asking the user for permission for
16 | // the web page to copy to the clipboard.
17 | //
18 |
19 | // Place in top-left corner of screen regardless of scroll position.
20 | textArea.style.position = 'fixed';
21 | textArea.style.top = '0';
22 | textArea.style.left = '0';
23 |
24 | // Ensure it has a small width and height. Setting to 1px / 1em
25 | // doesn't work as this gives a negative w/h on some browsers.
26 | textArea.style.width = '2em';
27 | textArea.style.height = '2em';
28 |
29 | // We don't need padding, reducing the size if it does flash render.
30 | textArea.style.padding = '0';
31 |
32 | // Clean up any borders.
33 | textArea.style.border = 'none';
34 | textArea.style.outline = 'none';
35 | textArea.style.boxShadow = 'none';
36 |
37 | // Avoid flash of white box if rendered for any reason.
38 | textArea.style.background = 'transparent';
39 |
40 |
41 | textArea.value = text;
42 |
43 | document.body.appendChild(textArea);
44 |
45 | textArea.select();
46 |
47 | let successful = false;
48 | try {
49 | successful = document.execCommand('copy');
50 | let msg = successful ? 'successful' : 'unsuccessful';
51 | console.log('Copying text command was ' + msg);
52 | } catch (err) {
53 | console.log('Oops, unable to copy');
54 | successful = false;
55 | }
56 |
57 | document.body.removeChild(textArea);
58 |
59 | return successful;
60 | }
--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import VueI18n from 'vue-i18n'
3 | import router from './router'
4 |
5 | import App from './App.vue'
6 |
7 | import en_US from './locales/en-US'
8 | import zh_CN from './locales/zh-CN'
9 | import ja_JP from './locales/ja-JP'
10 |
11 | import $ from 'jquery'
12 | global.jQuery = global.$ = $;
13 |
14 | import 'bootstrap'
15 | import GlobalConst from './globalconst'
16 |
17 | import VoiceList from './voices.json'
18 |
19 |
20 | //提取标签到语言文件
21 | let addZh_CN = { voice: {}, voicecategory: {} };
22 | let adden_US = { voice: {}, voicecategory: {} };
23 | let addja_JP = { voice: {}, voicecategory: {} };
24 |
25 | for (let voiceCategoryList of VoiceList.voices){
26 | if(voiceCategoryList.categoryDescription !== undefined){
27 | if(voiceCategoryList.categoryDescription['zh-CN'] !== undefined){
28 | addZh_CN.voicecategory[voiceCategoryList.categoryName] = voiceCategoryList.categoryDescription['zh-CN'];
29 | }
30 | if(voiceCategoryList.categoryDescription['en-US'] !== undefined){
31 | adden_US.voicecategory[voiceCategoryList.categoryName] = voiceCategoryList.categoryDescription['en-US'];
32 | }
33 | if(voiceCategoryList.categoryDescription['ja-JP'] !== undefined){
34 | addja_JP.voicecategory[voiceCategoryList.categoryName] = voiceCategoryList.categoryDescription['ja-JP'];
35 | }
36 | }
37 | for (let voiceItem of voiceCategoryList.voiceList){
38 | if(voiceItem.description !== undefined){
39 | if(voiceItem.description['zh-CN'] !== undefined){
40 | addZh_CN.voice[voiceItem.name] = voiceItem.description['zh-CN'];
41 | }
42 | if(voiceItem.description['en-US'] !== undefined){
43 | adden_US.voice[voiceItem.name] = voiceItem.description['en-US'];
44 | }
45 | if(voiceItem.description['ja-JP'] !== undefined){
46 | addja_JP.voice[voiceItem.name] = voiceItem.description['ja-JP'];
47 | }
48 | }
49 | }
50 | }
51 |
52 | let emzh_CN = Object.assign(zh_CN, addZh_CN);
53 | let emen_US = Object.assign(en_US, adden_US);
54 | let emja_JP = Object.assign(ja_JP, addja_JP);
55 |
56 | Vue.config.productionTip = false
57 |
58 | Vue.use(VueI18n)
59 | Vue.use(GlobalConst);
60 |
61 | const messages = {
62 | 'en-US': emen_US,
63 | 'zh-CN': emzh_CN,
64 | 'ja-JP': emja_JP
65 | }
66 |
67 | let locale = 'zh-CN';
68 | if(/ja/i.test(navigator.language)){
69 | locale = 'ja-JP';
70 | }
71 | // else if(/en/i.test(navigator.language)){
72 | // locale = 'en-US';
73 | // }
74 |
75 | const i18n = new VueI18n({
76 | locale,
77 | messages
78 | })
79 |
80 |
81 | new Vue({
82 | router,
83 | i18n,
84 | render: h => h(App)
85 | }).$mount('#app')
86 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Aqua button
2 |
3 | Aqua button [Click here to visit https://aquaminato.moe](https://aquaminato.moe)
4 |
5 | [](https://travis-ci.org/zyzsdy/aqua-button)
6 |
7 | Related Links:
8 |
9 | * [Aqua Minato's Youtube channel](https://www.youtube.com/channel/UC1opHUrw8rvnsadT-iGp7Cg)
10 |
11 | * [Aqua Minato's Twitter](https://twitter.com/minatoaqua)
12 |
13 | ## Contributing
14 |
15 | Please fork this project for modification, and after completing the modification, initiate a Pull Request in this project.
16 |
17 | ### Add or modify voice
18 |
19 | **Description**: All voice meta information is stored in [src/voices.json](src/voices.json). To add or modify these voices, you need to modify this file accordingly.
20 |
21 | Voice is always in mp3 format and stored in [public/voices](public/voices). The corresponding URL is `voices/`.
22 |
23 | For new voice, please use software such as MP3GainGUI for volume standardization. Currently the volume standardized value is 80.
24 |
25 | Because this site uses a strong cache strategy, except for `index.html`, files with the same filename, even if modified, will **NEVER** be refreshed by the client. Therefore, the filename of the newly voice, whatever it is new or modified, **MUST** be different from any previous filename.
26 |
27 | If you are modifying voice, delete the original file after modification.
28 |
29 | ### Participate in translation
30 |
31 | Please help us translate to English and Japanese!
32 |
33 | The language files for the main program are in three .js files named the language name in [src/locales](src/locales).
34 |
35 | The language files for voices are in [src/voices.json](src/voices.json).
36 |
37 | The corresponding modification can be recognized by the program as a valid translation.
38 |
39 | ## Deploying a local development environment
40 |
41 | This site is developed using Vue + jQuery + Bootstrap 3.
42 |
43 | To deploy a local development environment, first install the latest version of Node. Then follow these steps:
44 |
45 | 1. Clone the code.
46 |
47 | 2. Go to the code directory and run `npm install`.
48 |
49 | 3. Run `npm run serve`. During the code modification process, this local development server can immediately reflect the results of the modification.
50 |
51 | 4. To compile the files for deployment, run `npm run build`, which will generate the `dist` directory. This site is completely static, you can directly deploy the entire `dist` directory.
52 |
53 | > To contribute your code to this project, you don't have to compile locally. After passing the test in the development server and pushing it to Github, you can directly require a Pull Request to this project.
54 |
55 | ## LICENCE
56 |
57 | Program: MIT
58 |
59 | Audio: According to the [Hololive secondary creation licence](https://www.hololive.tv/terms).
60 |
61 | This project is a work of fans and is not related to the hololive official.
62 |
63 | ## Special Thanks
64 |
65 | This project is supported by MeowSound Idols.
66 |
67 | This project is modified based on the [Meamea button](https://github.com/zyzsdy/meamea-button).
68 |
69 |
--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
1 |
2 |