Unity在网页上运行WebGL问题

这篇具有很好参考价值的文章主要介绍了Unity在网页上运行WebGL问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言

项目要开发B/S模式,需要使用WebGL,目前还是前期阶段,遇到了几个问题,在此记录一下。
Unity版本:2019.4
浏览器:谷歌浏览器

Unity打包WebGL

目前按照Unity默认设置打包。
Unity在网页上运行WebGL问题

在网页上运行遇到的问题

如果是BuildAndRun可以直接运行,但是如果是Build显示下面错误: It seems your browser does not support running Unity WebGL content from file:// urls. Please upload it to an http server, or try a different browser。这个问题是网页不支持直接双击 index.html 方式,需要将工程放到服务上才行。
Unity在网页上运行WebGL问题

解决方法

  1. 进入控制面板 -> 程序 -> 启用或关闭Windows功能,将选中的内容勾选上。
    Unity在网页上运行WebGL问题

在网站上输入 http://localhost,弹出以下页面说明 IIS 开启成功。
Unity在网页上运行WebGL问题文章来源地址https://www.toymoban.com/news/detail-402142.html

  1. IIS部署
    在计算机管理中找到服务和应用程序 -> IIS管理器 -> 网站
    Unity在网页上运行WebGL问题
    右键网站选择添加网站,在弹出的页面中添写信息,网站名称可以随便写,物理路径找到打包的 index.html 文件夹,端口写没有被占用的端口号,点击确定。
    Unity在网页上运行WebGL问题
    这时网站已经部署成功,右键刚创建的网站,选择浏览,会打开 index.html 所在文件夹。创建一个 .txt 文本,将名称改为 Web.config,将下面内容复制到文件中,保存文件,然后输入 http://localhost:8088/ (注:写自己创建时候的端口号),就可以看到程序正常运行了。
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <staticContent>
      <remove fileExtension=".mem" />
      <remove fileExtension=".data" />
      <remove fileExtension=".unity3d" />
      <remove fileExtension=".jsbr" />
      <remove fileExtension=".membr" />
      <remove fileExtension=".databr" />
      <remove fileExtension=".unity3dbr" />
      <remove fileExtension=".jsgz" />
      <remove fileExtension=".memgz" />
      <remove fileExtension=".datagz" />
      <remove fileExtension=".unity3dgz" />
      <remove fileExtension=".json" />
      <remove fileExtension=".unityweb" />
 
      <mimeMap fileExtension=".mem" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".data" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".unity3d" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".jsbr" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".membr" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".databr" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".unity3dbr" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".jsgz" mimeType="application/x-javascript; charset=UTF-8" />
      <mimeMap fileExtension=".memgz" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".datagz" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".unity3dgz" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".json" mimeType="application/json; charset=UTF-8" />
      <mimeMap fileExtension=".unityweb" mimeType="application/octet-stream" />
            <mimeMap fileExtension=".ab" mimeType="application/octet-stream" />
    </staticContent>
        <directoryBrowse enabled="true" />
        <httpProtocol>
            <customHeaders>
                <add name="Access-Control-Allow-Credentials: " value="true" />
                <add name="Access-Control-Allow-Headers" value="Accept, X-Access-Token, X-Application-Name, X-Request-Sent-Time" />
                <add name="Access-Control-Allow-Methods" value="GET, POST, OPTIONS" />
                <add name="Access-Control-Allow-Origin" value="*" />
            </customHeaders>
        </httpProtocol>
  </system.webServer>
</configuration>

到了这里,关于Unity在网页上运行WebGL问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Unity WebGL项目打包后本地打开报错问题解决方法

    在Unity打包WebGL项目后,本地打开html页面出现错误提示。 Failed to download file Build/Unity Web.data.gz. Loading web pages via a file:// URL without a web server is not supported by this browser.   在网上试了好几种方法,综合起来终于跑起来了。以下是解决步骤: 1. 打开Web服务 ,打开控制面板--程序--启

    2024年02月14日
    浏览(75)
  • 【Unity3D日常BUG】Unity3D打包WEBGL平台运行出现无法解析gzip、构建压缩等问题

    推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 大家好,我是佛系工程师 ☆恬静的小魔龙☆ ,不定时更新Unity开发技巧,觉得有用记得一键三连哦。 在Unity3D中打包WEBGL运行出现这样的错误: 具体分析: 1、无法解析xxx.gz文件 2、启用了构建压缩,但是

    2024年02月07日
    浏览(58)
  • Unity-WebGL基于JS实现网页录音

          因为该死的Unity不支持WebGL的麦克风,所以只能向网页借力,用网页原生的navigator.getUserMedia录音,然后传音频流给Unity进行转AudioClip播放。       还有一点非常重要:能有同事借力就直接问,厚着脸皮上,我自己闷头两天带加班,不如同事谭老哥加起来提供帮助的俩小

    2023年04月08日
    浏览(47)
  • WebGL前言——WebGL相关介绍

    第一讲内容主要介绍WebGL技术和相应的硬件基础部分,在初级课程和中级课程的基础上,将技术和硬件基础进行串联,能够对WebGL从产生到消亡有深刻全面的理解。同时还介绍WebGL大家在初级课程和中级课程中的一些常见错误以及错误调试的办法。 先热身一下吧,看个问题:如

    2023年04月08日
    浏览(45)
  • Unity 发布WebGL、去Logo、网络端通信 、本地运行

    以下内容将和大家详细分享 Unity 在 WebGL平台的发布方法、 如何去除unity的Logo和加载界面、 WebGL与网络端通信 、以及 如何在本地运行html。 一、Unity在 WebGL平台的发布方法 1、如下图,选择webgl平台,没安装的点击下载安装。  安装后如图。  选择需要打包的场景,无特殊要求

    2024年02月06日
    浏览(43)
  • Unity: WebGL发布后在浏览器上运行时窗口大小自适应

     这个效果是根据19:6(也就是1920:1080的页面大小来设计的) 整体来说修改以下两个文件来进行达成效果预览,第一个是index.html、第二个是TemplateData文件下的style.css文件 修改对比  其中上图一段注释的脚本是webgl进入全屏状态的的脚本,就是显示下图的脚本(去掉就不显示

    2024年02月16日
    浏览(52)
  • Unity实战问题-WebGL问题集锦第一发

    没接触过好吗;立项设计的时候赶紧恶补了下unity,开发过程中可劲儿的查资料;总算是按计划完成了;记录下遇到的问题,如果你是Unity大神,请选择性忽略 背景环境:Unity 5.4.0f3 (64bit)–激活版 浏览器:Google Chrome 版本:70.0.3538.67         Firefox  版本 63.0.1.6877 在这提

    2024年04月11日
    浏览(38)
  • vue项目结合unity webgl,并相互通信

    vue与unity交互完成,最开始使用vue-unity-webgl插件,用着感觉有很多问题,然后换成了iframe,简单记录一下 本文主要解决以下问题: 1.vue项目中如何引入使用unity webgl 2.vue如何与unity互信通信 主要步骤: 1.将unity打包后的文件夹引入至项目,我把它放在static目录下 2.在vue文件通过

    2024年02月16日
    浏览(52)
  • Unity实战问题-WebGL问题集锦第二发

    Q3:给UGUI精灵或按钮 添加自定义事件响应区域  参考地址https://blog.csdn.net/qq_38190993/article/details/69257990 所有UI都有Image组件,其中有RaycastTarget属性,勾选该属性为true则表示运行时UI精灵会响应相应交互事件,这套UGUI(包括NGUI)是通过射线检测实现的交互响应,那么我们可以

    2024年04月27日
    浏览(33)
  • vue项目结合unity webgl通信(亲身实践 Unity2022.3版本)

            在参考网上众多资料后,终于将Vue与Unity Webgl双向通信的功能完成。在此过程中遇到了很多问题,故记录下整体流程。 方案实现: 1.unity端实现一个jslib文件预定义函数作为桥接。 2.c#使用DllImport引入和调用预定义的函数。 3.web端使用js定义被调用函数。 1.Unity Web

    2024年02月12日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包