我有一个像这样嵌入的 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 定义的代码。
有什么想法导致此问题以及如何解决吗?
我跑了
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
我有一个组件(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 对元素的任何更改。
这可能吗?
我更新了我的 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 服务器微的工作方式进行任何更改?
我正在尝试将 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) 我使用带有实验性 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 下一个版本受到支持有关?
我目前有一个延迟渲染系统设置,可以渲染点光源和方向灯.我的问题是我可以选择不同形式的阴影,它可以根据点光源和定向光源制作阴影,可以使用延迟着色设置?
我一直试图这样做一段时间,但没有取得多大成功.我想做的就是旋转矩形,然后创建一个包含旋转点的新矩形.
任何人都有任何想法应该如何正确完成?
我的代码不起作用,但我不确定它到底出错了(数字让我觉得它确实有效),例如,如果我有一个具有以下值的矩形:
{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) 我一直在做很多Windows Phone 7游戏开发,并且已经开始考虑将我的应用程序和游戏移植到iPhone以及可能的Android.
根据我的理解,MonoTouch等解决方案不值得付出努力,所以我应该避开这些事情吗?
我非常精通C++编码,如果我不能有效地使用C#,我想在iPhone上做到这一点,特别是对于游戏有很多的性能危急情况.我不会低估C#的强大功能,只是在iPhone上使用C#(而且我认为这是一件值得公平的事情).
在为iPhone构建代码之前,我应该有什么好的阅读材料吗?我已经在下载x-code但是不知道该怎么做,我甚至不知道如何围绕objective-c包装C++但是我觉得这将是最好的妥协,因为我的情况.
我想更广泛的问题是如何处理多平台编程?我的currnet想法是构建三个独立的开发框架,这些框架彼此具有相同的设计原则,因此在平台之间移植应用程序是直截了当的(但仍然需要每次都重写代码).
这是一种聪明的方式,还是我疯了?