search

tianma8023 / tianma8023.github.io

:watermelon: static blog site based on Hexo. / 基于Hexo的博客.
http://tianma.space
4 stars 2 forks source link

Hexo 折腾：音乐播放 #94

Open tianma8023 opened 6 years ago

tianma8023 commented 6 years ago

http://tianma.space/post/3998746934/

AcVoyager commented 5 years ago

你好！我看了你的文章后，想通过第三种方式插入音乐。我meting是可以成功的，但是用aplayer，设置了资源管理文件夹，插入本地音乐后，死活不显示出来，按f12刷新网页也能看到发送了对本地音乐的get请求而且成功了。不知你遇到过类似问题吗

tianma8023 commented 5 years ago

@AcVoyager 你好，meting 是用来在线播放的。所以，你在使用插件 hexo-tag-aplayer 的时候，应该使用 aplayer 标签，而不是 meting 标签。

我刚刚测试了，把hexo的 文章资源文件夹 打开（post_asset_folder: true）后，通过 aplayer 标签： {% aplayer "Big Big World" "Michael Cramtu" "Bigbigworld.mp3"%} 是能成功引用并播放的。

tianma8023 commented 5 years ago

@AcVoyager 8z4qfpgw_ 4h33d5pv4y5u

AcVoyager commented 5 years ago

@tianma8023 @AcVoyager 你好，meting 是用来在线播放的。所以，你在使用插件 hexo-tag-aplayer 的时候，应该使用 aplayer 标签，而不是 meting 标签。

我刚刚测试了，把hexo的 文章资源文件夹 打开（post_asset_folder: true）后，通过 aplayer 标签： {% aplayer "Big Big World" "Michael Cramtu" "Bigbigworld.mp3"%} 是能成功引用并播放的。

好的，看来是我这边的问题，我再研究一下，谢谢你的回复！

AcVoyager commented 5 years ago

不好意思又打扰您了，经过测试我发现了这样的问题

不知道你遇到过这样的情况么？我猜想，可能是重复载入 Aplayer.js 资源脚本问题问题？

tianma8023 commented 5 years ago

@AcVoyager 刚刚我测试了，确实有这个BUG，我觉得可以给hexo-tag-aplyer 的作者提 bug issue 了。

但是应该不是 重复载入 Aplayer.js 资源脚本问题。因为在同一个页面中同时引用 meting 标签和 aplayer 标签，并不会载入重复的 Aplayer.js。 前端不太熟，具体问题原因在哪，我也不太清楚。所以，提issue去吧 ☀️

AcVoyager commented 5 years ago

@tianma8023 好的，谢谢你啦！我去提一手issue

ojhdt commented 5 years ago

你好！我尝试使用了hexo-tag-aplayer。可当我进行hexo g操作时，出现了以下错误： $ hexo g

ERROR Process failed: about/index.md

YAMLException: missed comma between flow collection entries at line 3, column 2:

{% meting "2382616934" "netease"  ...

 ^
tianma8023 commented 5 years ago

@ojhdt 错误说明显示：YAML异常，flow collection entries之间没有逗号(,) ，也就是说是语法问题。 应该就是 index.md 或者是其他 YMAL 文件配置时的语法问题，方便的话你可以截图看看。

ojhdt commented 5 years ago

@tianma8023 @ojhdt 错误说明显示：YAML异常，flow collection entries之间没有逗号(,) ，也就是说是语法问题。 应该就是 index.md 或者是其他 YMAL 文件配置时的语法问题，方便的话你可以截图看看。

已经再三确认无语法问题，但目前已通过玄学方法解决： 我在载入Aplayer之前加入了一个大小为0的 iframe

{% meting "2382616934" "netease" "playlist" "theme:#1da496"%}

奇迹般地正常运作了

Cookiekira commented 5 years ago

请问有什么办法能解决切换到一个新的页面音乐就重新播放的问题吗？我用的是网易云的外链，a-player和hexo-tag-player有这个问题吗？

tianma8023 commented 5 years ago

@Cookiekira 你说的切换到一个新页面，指的是重新刷新，还是切换到其他的TAB页面？ 如果是重新刷新音乐就会重新播放的话，应该是你设置了 autoplay=“true” 了的。如果是切换到其他的tab页面音乐会重新播放，我还真没遇到过。。。 本身 APlayer 和 hexo-tag-aplayer 是没什么问题的。

Cookiekira commented 5 years ago

我是设置了自带播放。就是在原来页面已经开始播放的情况下点进其他文章音乐就会重新播放。

@tianma8023 @Cookiekira 你说的切换到一个新页面，指的是重新刷新，还是切换到其他的TAB页面？ 如果是重新刷新音乐就会重新播放的话，应该是你设置了 autoplay=“true” 了的。如果是切换到其他的tab页面音乐会重新播放，我还真没遇到过。。。 本身 APlayer 和 hexo-tag-aplayer 是没什么问题的。

tianma8023 commented 5 years ago

@Cookiekira 我刚刚测试了下，没出现你说的情况。 页面1：

{% meting "33911781" "netease" "song" "theme:#FF4081" "mode:order" "autoplay" %}

页面2：

{% meting "3423963" "netease" "song" "theme:#FF4081" "mode:order" "autoplay" %}

先进入页面1，歌曲1自动播放，再新打开页面2，页面2自动播放的同时，页面1也在自动播放。

Cookiekira commented 5 years ago

感谢你的测试! 不过我没说清楚。。。“点进其他文章”是在同一个标签页下。

@tianma8023 @Cookiekira 我刚刚测试了下，没出现你说的情况。 页面1：

{% meting "33911781" "netease" "song" "theme:#FF4081" "mode:order" "autoplay" %}

页面2：

{% meting "3423963" "netease" "song" "theme:#FF4081" "mode:order" "autoplay" %}

先进入页面1，歌曲1自动播放，再新打开页面2，页面2自动播放的同时，页面1也在自动播放。

tianma8023 commented 5 years ago

@Cookiekira 你可以先deploy到线上，我可以去看看到底是怎样的~~ 嗯，我这边如果在同一个tab页点进去的话，页面1的音乐会停止，页面2的音乐会自动播放。

Cookiekira commented 5 years ago

https://cookiekira.github.io

@tianma8023 @Cookiekira 你可以先deploy到线上，我可以去看看到底是怎样的~~ 嗯，我这边如果在同一个tab页点进去的话，页面1的音乐会停止，页面2的音乐会自动播放。

tianma8023 commented 5 years ago

@Cookiekira 你先把它设置成自动播放~~ = =

Cookiekira commented 5 years ago

自动播放是开的😭，不知道为什么这个外链播放器总是抽风。

@tianma8023 @Cookiekira 你先把它设置成自动播放~~ = =

tianma8023 commented 5 years ago

@Cookiekira Hi，我复现了。就是在主页和子页面的公共区域，置入APlayer播放器，设置为自动播放，但是每次进入子页面的时候就会重新自动播放对吧。。。这个的话，应该是每次进入新的页面 APlayer 实例重新加载了，，但是至于该怎么设置，hexo-tag-aplayer，meting 应该都没有设置入口，所以估计要去看 APlayer 的文档了。 但是前端我不太熟，所以...

Cookiekira commented 5 years ago

嗯，就是这样的。不过还是非常感谢你！

@tianma8023 @Cookiekira Hi，我复现了。就是在主页和子页面的公共区域，置入APlayer播放器，设置为自动播放，但是每次进入子页面的时候就会重新自动播放对吧。。。这个的话，应该是每次进入新的页面 APlayer 实例重新加载了，，但是至于该怎么设置，hexo-tag-aplayer，meting 应该都没有设置入口，所以估计要去看 APlayer 的文档了。 但是前端我不太熟，所以...

none-id commented 5 years ago 
Template render error: (unknown path) [Line 1, Column 2]
  unknown block tag: meting

hexo g 就出现的问题，求解决方法？

tianma8023 commented 5 years ago

@none-id 意思是 meting 这个tag是未知的，所以应该是你的 hexo-tag-aplayer 插件可能出了问题，最好是先阅读 hexo-tag-aplayer 文档 ，或者你可以贴出具体细节来看看。

none-id commented 5 years ago

@tianma8023 @none-id 意思是 meting 这个tag是未知的，所以应该是你的 hexo-tag-aplayer 插件可能出了问题，最好是先阅读 hexo-tag-aplayer 文档 ，或者你可以贴出具体细节来看看。

没什么大问题了，已经解决了，谢谢了。

yanzehao commented 5 years ago

思路很清晰,受益良多