UE4 关于使用Webbrowser插件遇到的问题以及解决办法

1.无法播放网页视频，这是因为UE4的WebBrowser自带的cef3为3071版本，默认不支持h264等直播流，导致web里的直播流无法播放

解决办法：第一种办法，重新编译了cef源码，改成支持H.264，然后在UE4安装目录下替换相关文件，网上有教程自己搜。第二种办法是直接找改好的插件，桃宝

2.隐藏网页滑动条

解决办法：使用webbrowser的ExecuteJavascript函数执行js代码，这段代码的大概意思就是将滑动条的长宽设置为0以此来达到隐藏滑动条目的，需要注意的是js代码需要在网页完全加载完才能正确执行js代码，然而UE这边没有关于网页完全加载完毕的回调，所以需要在使用这个函数前加个delay，具体delay多少自行测试

var style = document.createElement('style');style.type = 'text/css';style.innerHTML = '::-webkit-scrollbar {width: 0px;height: 0px;}';document.getElementsByTagName('head')[0].appendChild(style);

3.用webbrowser打开的网页在编辑框内无法输入中文

解决办法：这里以WebView插件为例，修改源码，找到WebViewBrowser.cpp里的RebuildWidget函数里进行修改

//支持中文输入

ITextInputMethodSystem* const TextInputMethodSystem = FSlateApplication::Get().GetTextInputMethodSystem();

WebViewBrowserWidget->BindInputMethodSystem(TextInputMethodSystem);

如果是用的UE自带的WebBrowser插件那就创建一个继承自WebBrowser类的子类，在子类的RebuildWidget函数修改.h

#pragma once

#include "CoreMinimal.h"

#include "WebBrowser.h"

#include "MyWebBrowser.generated.h"

/**

*

*/

UCLASS()

class MYPROJECT_API UMyWebBrowser : public UWebBrowser

{

GENERATED_BODY()

public:

virtual TSharedRef RebuildWidget() override;

};

 .cpp

#include "MyWebBrowser.h"

#include "SWebBrowser.h"

TSharedRef UMyWebBrowser::RebuildWidget()

{

TSharedRef Widget = Super::RebuildWidget();

if (Widget == WebBrowserWidget)

{

//支持中文输入

ITextInputMethodSystem* const TextInputMethodSystem = FSlateApplication::Get().GetTextInputMethodSystem();

WebBrowserWidget->BindInputMethodSystem(TextInputMethodSystem);

}

return Widget;

}

4.在触摸屏不支持上下滑动，这是因为在WebViewBrowserViewport类里面没有重写OnTouchMoved方法

解决办法：重写这个方法并实现逻辑，还有一个问题就是当你的触摸屏上移动时会同时触发OnMouseButtonDown和OnTouchMove函数，这样就会导致在移动的过程中如果触碰到网页中的button按钮，网页中滑动的逻辑和点击button的逻辑会同时触发，因此需要在OnMouseButtonUp里做判断不让button事件触发，大概逻辑就是判断按下和抬起时在不在同一位置

virtual FReply OnTouchMoved(const FGeometry& MyGeometry, const FPointerEvent& InTouchEvent) override;

FVector2D clickpos;

clickpos = MouseEvent.GetScreenSpacePosition();

FVector2D vec = MouseEvent.GetScreenSpacePosition() - clickpos;

if (!(FMath::Abs(vec.Y) < 1))

{

return FReply::Handled();

}

FReply FWebViewBrowserViewport::OnTouchMoved(const FGeometry& MyGeometry, const FPointerEvent& InTouchEvent)

{

FVector2D vec = InTouchEvent.GetCursorDelta();

FString str = FString::Printf(TEXT("window.scrollBy(0,%f);"), vec.Y * -1);

WebViewBrowserWindow->ExecuteJavascript(str);

return FReply::Handled();

}

推荐阅读