Beatsaver-Viewer 项目常见问题解决方案

Beatsaver-Viewer 项目常见问题解决方案

beatsaver-viewer ⚔️ Web-based viewer for Beat Saver maps, built with A-Frame and JavaScript. 项目地址: https://gitcode.com/gh_mirrors/be/beatsaver-viewer

基础介绍

Beatsaver-Viewer 是一个基于网页的 Beat Saver 地图查看器，它使用 A-Frame 框架和 JavaScript 编程语言开发。该项目允许用户在普通网络浏览器中查看 Beat Saver 地图，也可以在支持 VR 的浏览器中通过 VR 头盔进行预览。

主要编程语言

• A-Frame
• JavaScript

新手常见问题及解决步骤

问题一：如何嵌入地图查看器到自己的网站？

问题现象：新手不知道如何将地图查看器嵌入到自己的网页中。

解决步骤：

1. 访问 Beatsaver-Viewer 项目页面，复制地图查看器的iframe代码。
2. 在自己的网页中，找到合适的位置粘贴iframe代码。
3. 通过iframe的src属性传递地图ID和难度等级，例如：

   <iframe src="https://supermedium.com/beatsaver-viewer/id=811-535&difficulty=Expert"></iframe>
   

问题二：如何预览 BeatSaver ZIP 文件？

问题现象：用户希望直接预览 BeatSaver ZIP 文件，但不知道如何操作。

解决步骤：

1. 确保ZIP文件可以通过CORS头进行服务。
2. 在URL中添加zip参数，并附上ZIP文件的完整URL。
3. 如果ZIP文件服务器不支持CORS，可以使用https://cors-anywhere.herokuapp.com/作为前缀，例如：

   <iframe src="https://supermedium.com/beatsaver-viewer/zip=https://cors-anywhere.herokuapp.com/[YOUR_FULL_ZIP_URL]"></iframe>
   

问题三：如何在特定时间点预览地图？

问题现象：用户希望从地图的特定时间点开始预览，但不知道如何设置。

解决步骤：

1. 在URL中添加time参数，并设置预览开始的时间（秒）。
2. 例如，要从15秒开始预览，可以这样设置：

   <iframe src="https://supermedium.com/beatsaver-viewer/time=15"></iframe>
   

beatsaver-viewer ⚔️ Web-based viewer for Beat Saver maps, built with A-Frame and JavaScript. 项目地址: https://gitcode.com/gh_mirrors/be/beatsaver-viewer