小编twe*_*ypi的帖子

在react-player中播放Wistia会导致错误“XMLHttpRequeset构造函数已被篡改”

我有一个像这样嵌入的 ReactPlayer:

<ReactPlayer
          ref={this.ref}
          className="storyPlayer__reactPlayer"
          width="100%"
          height="100%"
          url="https://getleda.wistia.com/medias/bjz07hdxqx"
          playing
          onReady={() => {
            this.setState({ ready: true });
          }}
          onProgress={this.onProgress}
        />
Run Code Online (Sandbox Code Playgroud)

当 url 明显指向 wistia 时,我在控制台中收到以下错误,并且播放器无法工作:

judy XMLHttpRequest 构造函数已被篡改。由于这会影响 CORS/Range XHR 请求,因此已禁用 HLS 播放。要启用 HLS 播放和其他重要功能,请删除更改 window.XMLHttpRequest 定义的代码。

有什么想法导致此问题以及如何解决吗?

xmlhttprequest http-live-streaming reactjs wistia

5
推荐指数
1
解决办法
2261
查看次数

firebase服务和调试功能?

我跑了

firebase服务——仅功能

然后跑了

函数检查 addMessage

这样我就可以调试 addMessage 函数。然而调试并没有成功。

跑步

firebase部署addMessage --trigger-http firebase检查addMessage

确实有效并允许我调试,但它似乎不支持热重载。

热重载和调试可以同时进行吗?

我的index.js:

const functions = require('firebase-functions');

// The Firebase Admin SDK to access the Firebase Realtime Database.
const admin = require('firebase-admin');
admin.initializeApp();

exports.addMessage = functions.https.onRequest((req, res) => {
    // Grab the text parameter.
    const original = "123";//req.query.text;
    // Push the new message into the Realtime Database using the Firebase Admin SDK.
    return admin.database().ref('/messages').push({original: original}).then((snapshot) => {
      // Redirect with 303 SEE OTHER to the URL of the …
Run Code Online (Sandbox Code Playgroud)

javascript node.js firebase visual-studio-code google-cloud-functions

5
推荐指数
1
解决办法
2514
查看次数

如何在VSTS中更改项目图标?

我有一个VSTS项目,我想更改图标,但是在“编辑项目设置”页面上看不到任何选项吗?

在此处输入图片说明

tfs azure-devops

5
推荐指数
1
解决办法
485
查看次数

渲染为带有上下文的字符串?

我有一个组件(EmailBuilder),它使用react context api来渲染一些东西,我想将其渲染为html,我尝试了这个:

import * as React from 'react'
import { EmailBuilder } from './EmailBuilder';
import ReactDOMServer from 'react-dom/server';

export const EmailBuilderPage = (props: any) => {
    const element = <EmailBuilder />
    return <>
        {element}

        <br />
        <h1>HTML</h1>
        {ReactDOMServer.renderToString(element)}
    </>
}
Run Code Online (Sandbox Code Playgroud)

虽然渲染了元素的根,但它无法渲染上下文 api 对元素的任何更改。

这可能吗?

reactjs react-dom react-context

5
推荐指数
0
解决办法
569
查看次数

更新到 nextjs 11 后的 Micro MODULE_NOT_FOUND

我更新了我的 nextjs 安装和 apollo,

错误:找不到模块“micro”需要堆栈:

  • C:\work\cloud\node_modules\apollo-server-micro\dist\ApolloServer.js
  • C:\work\cloud\node_modules\apollo-server-micro\dist\index.js
  • C:\work\cloud.next\server\pages\api\auth.js
  • C:\work\cloud\node_modules\next\dist\next-server\server\next-server.js
  • C:\work\cloud\node_modules\next\dist\server\next.js
  • C:\work\cloud\node_modules\next\dist\server\lib\start-server.js
  • C:\work\cloud\node_modules\next\dist\cli\next-dev.js
  • C:\work\cloud\node_modules\next\dist\bin\next 位于 Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15) 位于 Function.mod._resolveFilename (C:\work\cloud \node_modules\next\dist\build\webpack\require-hook.js:4:1855) 在 Function.Module._load (internal/modules/cjs/loader.js:746:27) 在 Module.require (internal/modules) /cjs/loader.js:974:19) 在需要 (internal/modules/cjs/helpers.js:92:18) 在对象。(C:\work\cloud\node_modules\apollo-server-micro\dist\ApolloServer.js:5:17) 在 Module._compile (internal/modules/cjs/loader.js:1085:14) 在 Object.Module 处。 _extensions..js(内部/模块/cjs/loader.js:1114:10)在Module.load(内部/模块/cjs/loader.js:950:32)在Function.Module._load(内部/模块/cjs) /loader.js:790:14) { 代码: 'MODULE_NOT_FOUND', requireStack: [ 'C:\work\cloud\node_modules\apollo-server-micro\dist\ApolloServer.js', 'C:\work\cloud\ node_modules\apollo-server-micro\dist\index.js', 'C:\work\cloud\.next\server\pages\api\auth.js', 'C:\work\cloud\node_modules\next\dist \next-server\server\next-server.js', 'C:\work\cloud\node_modules\next\dist\server\next.js', 'C:\work\cloud\node_modules\next\dist\server \lib\start-server.js', 'C:\work\cloud\node_modules\next\dist\cli\next-dev.js', 'C:\work\cloud\node_modules\next\dist\bin\next ']}

我不确定缺少什么,因为这是在包更新之前工作的 - 阅读在线文档似乎没有对 apollo 服务器微的工作方式进行任何更改?

node.js apollo apollo-server next.js

5
推荐指数
1
解决办法
4028
查看次数

getMessaging 失败 - 未捕获语法错误:无法在模块外部使用 import 语句(位于 firebase-messaging-sw.js:1:1)

我正在尝试将 firebase 消息传递集成到我的 NextJS Web 应用程序中,但收到的错误可能看起来像是来自服务器端。为了让注册在 _app.tsx 中工作,我执行以下操作:

  useEffect(() => {
    if ("serviceWorker" in navigator) {
      window.addEventListener("load", function () {
        const config = process.env.NEXT_PUBLIC_FIREBASE;
        navigator.serviceWorker.register("/firebase-messaging-sw.js?firebaseConfig=" + Buffer.from(config).toString('base64'), {
          type: 'module'
        }).then(
          function (registration) {
            console.log("Service Worker registration successful with scope: ", registration.scope);
          },
          function (err) {
            console.log("Service Worker registration failed: ", err);
          }
        );
      });
    }
  }, [])
Run Code Online (Sandbox Code Playgroud)

其中 NEXT_PUBLIC_FIREBASE 是 firebase 配置对象。

然后在 public/firebase-messaging-sw.js 中我有这个:

import { initializeApp } from "https://www.gstatic.com/firebasejs/9.8.1/firebase-app.js";
import { getMessaging } from "https://www.gstatic.com/firebasejs/9.8.1/firebase-messaging.js";

const swScriptUrl …
Run Code Online (Sandbox Code Playgroud)

javascript firebase typescript service-worker next.js

5
推荐指数
1
解决办法
4247
查看次数

使用 appdir 时下一次导出失败 - “PageNotFoundError: 找不到页面 /(...) 的模块

我使用带有实验性 appDir 标志的 NextJS,我添加了我的页面,如下所示:

在此输入图像描述

root 和 onboard 上的 layout.tsx 如下所示:

export default function DefaultLayout({ children }) {
    return (
        <>
            {children}
        </>
    )
}
Run Code Online (Sandbox Code Playgroud)

入职页面如下所示:

export default function Onboard() {
    return <div>onboarding page</div>
}
Run Code Online (Sandbox Code Playgroud)

当我点击 localhost:3000/public/onboard 时,这在浏览器中工作正常 - 但是当尝试进行下一个构建时,我收到错误:

PageNotFoundError: Cannot find module for page: /public/onboard
    at Object.getPagePath (...)
Run Code Online (Sandbox Code Playgroud)

不确定这是否与 appDir 下一个版本受到支持有关?

typescript reactjs webpack next.js

5
推荐指数
1
解决办法
1256
查看次数

实时动态阴影补充延迟着色?

我目前有一个延迟渲染系统设置,可以渲染点光源和方向灯.我的问题是我可以选择不同形式的阴影,它可以根据点光源和定向光源制作阴影,可以使用延迟着色设置?

c++ directx graphics hlsl

4
推荐指数
1
解决办法
2728
查看次数

旋转Microsoft.XNA.Framework.Rectangle并根据该旋转创建一个矩形?

我一直试图这样做一段时间,但没有取得多大成功.我想做的就是旋转矩形,然后创建一个包含旋转点的新矩形.

任何人都有任何想法应该如何正确完成?

我的代码不起作用,但我不确定它到底出错了(数字让我觉得它确实有效),例如,如果我有一个具有以下值的矩形:

{X:865 Y:76 Width:22 Height:164}
Run Code Online (Sandbox Code Playgroud)

结果是:

{X:1863 Y:1740 Width:164 Height:22}
Run Code Online (Sandbox Code Playgroud)

旋转的地方-1.57094443

我所做的是抓住原始矩形的所有四个点并使用此函数旋转它们:

static public Vector2 RotateVectorAround(Vector2 anchor, Vector2 vector, float rotation)
        {
            Matrix mat = new Matrix();
            mat.Translation = new Vector3(vector.X - anchor.X, vector.Y - anchor.Y, 0);

            Matrix rot = new Matrix(); 
            rot = Matrix.CreateRotationZ(rotation);

            mat *= rot;

            mat.Translation += new Vector3(anchor.X, anchor.Y, 0);

            return new Vector2(mat.Translation.X, mat.Translation.Y);
        }
Run Code Online (Sandbox Code Playgroud)

'anchor'是枢轴点(我不确定这个函数是否在数学上是合理的),然后我用这个确定旋转矩形的角:

Vector2 newTopLeft = new Vector2(  Math.Min(Math.Min(topleft.X, bottomRight.X), Math.Min(bottomleft.X, topright.X)),
                Math.Min(Math.Min(topleft.Y, bottomRight.Y), Math.Min(bottomleft.Y, topright.Y)));

            Vector2 newBottomRight = new Vector2( …
Run Code Online (Sandbox Code Playgroud)

c# xna

4
推荐指数
1
解决办法
4028
查看次数

Windows Phone 7到iPhone开发(后来我知道)

我一直在做很多Windows Phone 7游戏开发,并且已经开始考虑将我的应用程序和游戏移植到iPhone以及可能的Android.

根据我的理解,MonoTouch等解决方案不值得付出努力,所以我应该避开这些事情吗?

我非常精通C++编码,如果我不能有效地使用C#,我想在iPhone上做到这一点,特别是对于游戏有很多的性能危急情况.我不会低估C#的强大功能,只是在iPhone上使用C#(而且我认为这是一件值得公平的事情).

在为iPhone构建代码之前,我应该有什么好的阅读材料吗?我已经在下载x-code但是不知道该怎么做,我甚至不知道如何围绕objective-c包装C++但是我觉得这将是最好的妥协,因为我的情况.

我想更广泛的问题是如何处理多平台编程?我的currnet想法是构建三个独立的开发框架,这些框架彼此具有相同的设计原则,因此在平台之间移植应用程序是直截了当的(但仍然需要每次都重写代码).

这是一种聪明的方式,还是我疯了?

c# iphone xna windows-phone-7 ios

4
推荐指数
1
解决办法
651
查看次数