网络播放器

网络播放器是演示模式的特殊应用可以渲染模型和场景。

桌面版本:

_images/web_player_example.png

手机版:

_images/web_player_example_mobile.png

用法

您可以复制包含网络播放文件的目录,即 deploy/apps/webplayer, 从Blend4Web SDK分布和您的网站进行部署。您可以将导出的场景文件在您的网站和指定的路径给他们(绝对或相对)与 load 网络播放器的参数。

当您导出成一个HTML文件的Web播放器界面会自动集成到它。

控制面板

网络播放器的控制面板如下图所示。

_images/web_player_interface.png
  1. 显示/隐藏控制面板;

  2. 开/关全屏模式;

  3. 立体渲染开/关;

  4. 设置场景的质量;

  5. 声音开/关;

  6. 开启/关闭相机自动旋转模式;

  7. 运行/停止引擎;

  8. 打开帮助窗口;

  9. 通过推特分享;

  10. 通过Facebook分享;

  11. 通过Google+分享;

  12. 通过VK分享。

  13. 通过Weibo分享。

属性

网络播放器接收来自浏览器地址栏中的属性:

_images/player_params.png

  1. 特殊的属性 load 用于加载场景,这个属性包含相对路径JSON文件。

  2. 在发生错误的WebGL的可选 fallback_image 属性用于设置的背景图像,而不是3D内容。

  3. 在发生错误的WebGL的可选 fallback_video 属性用于设置背景视频,而不是3D内容。可用于多次添加更多的视频格式。

  4. 可选 show_fps 属性是用来显示在玩家的右上角的FPS计数器。

  5. 可选参数 autorotate 时,使用了场景加载后使自动相机旋转。

  6. compressed_textures 可选参数用于启用加载精缩和压缩纹理(在DDS格式)。

  7. compressed_textures_pvr 可选参数用于启用加载压缩为PVRTC格式的材质,该参数用在 compressed_textures 参数中。

  8. 可选 alpha 参数用于启用对描画区域的透明度。

  9. 可选的 no_social 属性用于在控制面板上禁用社交网络按钮。

  10. 可选的 socials 属性用于选择性地启用和禁用控制面板上的社交网络按钮。此属性应该像 socials=<...>, 其中 <...> 是一组与您要启用的社交网络按钮字母( f 为Facebook v 为VK,t 是Twitter的,w 是微博和 g 是Google )。字母顺序设置定义了按钮将出现在屏幕上的顺序。

注解

如果同时 fallback_imagefallback_video 参数指定 fallback_image 参数被使用。

场景名称为标题

默认情况下,网络播放器具有 Blend4Web Web Player 称号。在Blender的场景中分配的meta标签 title ,您可以更改该值为别的东西。

_images/title.png

场景错误

如果播放器使用不当,它会显示相应的错误。

  1. load 属性指定一个错误的路径JSON文件或文件已损坏;

_images/error_wrong_json_path.png

  1. load 属性未找到或无效的;

_images/error_not_load_attr.png

  1. WebGL的初始化错误。

_images/error_webgl.png