在嵌入代码或 AS 中禁用 Adobe Flash Player 硬件加速
我们在我们的网站上运行冲浪摄像头流,这些流通过我们页面上最新版本 (5.4) 的 JWPlayer 播放。
最近,我们切换到另一个流媒体服务和 H.264 流媒体,因为我们计划在不久的将来流媒体到 iOS 设备,但这在客户端引入了一个错误,用户无法接收视觉(他们只能看到通常可以看到视频的黑屏)。
我们发现禁用硬件加速(在 Flash Player 10.1+ 中引入)可以修复此问题,并且考虑到发生此问题的环境范围,我敢打赌这与特定显卡、其驱动程序以及如何它们处理视觉解码等。
我们发现的有关禁用硬件加速的文档仅表明这可以通过 wmode
参数来完成,即将其设置为 wmode="opaque"< /code> 或
wmode="transparent"
但这似乎并不适用于所有情况(大多数情况下问题已不复存在),但我们仍然看到 30% 的用户遇到问题这个问题。
我们可以要求用户自己禁用硬件加速,我们已经提供了如何执行此操作的详细信息,但是对我来说这只是一个临时修复,我很好奇是否有更永久的东西我们可以放入直到 Adobe 解决这个问题?
We run surf camera streams on our website, which are played via the latest version (5.4) of JWPlayer on our pages.
Recently we switched over to another streaming service, and H.264 streams, as we are planning on streaming out to iOS devices in the very near future, however this introduced a bug on the client side where users to not receive vision (they only see a black screen where the video is normally seen).
We have discovered that disabling the Hardware Acceleration (which was introduced in Flash Player 10.1+) fixes this issue, and given the spectrum of environments where this issues is happening I would wager that this is related to specific graphics cards, their drivers, and how they handle the vision decoding etc.
The documentation we have found relating to disabling Hardware Acceleration only indicate that this can be done via the wmode
param, i.e. by setting it to wmode="opaque"
or wmode="transparent"
however this doesn't seem to work in all cases (for the most part the issue is no longer there) however we are still seeing 30% of our users getting this issue.
We can ask the users to disable hardware acceleration themselves, and we have provided details on how to do this, however to me that is only a temporary fix, and I was curious as to whether or not there was something more permanent we can put in until Adobe fix up this issue?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
所以,我找到了解决这个问题的方法——不过它分为两部分。
首先:设置
wmode="opaque"
或wmode="transparent"
将禁用硬件加速 - 不幸的是,我们遇到的问题涉及更多经历过,具体如下。其次:我们持续遇到的问题与我们发送的流类型有关。我们的溪流是您从海滩或雪地等处看到的那种(又名雪地摄像机、冲浪摄像机) - 当然,海滩或山上的声音非常无聊,所以我们不会在提要中发送音频。
事实证明这就是问题的原因。 H.264 解码失败,主要是在 Mac 上,但如果没有发送音频数据,则在任何 10.1 播放器上或多或少都会失败。解决方案很简单 - 以 0dB 启用音频通道(或任何静音),然后流再次开始运行。
这不是最佳解决方案,因为它为我们的流增加了 16k 开销,我们宁愿将其用于更高质量的视觉。我已向 Adobe FP-6085 提交了一张票,希望这个问题能够得到解决在未来的版本中。或者“HTML5”流媒体将在所有浏览器上成为现实。
So, I found a solution to the issue - its kind of two part though.
Firstly: Setting
wmode="opaque"
orwmode="transparent"
will disable hardware acceleration - unfortunately there was more involved in the issues we were experiencing, as detailed below.Secondly: The issue we were continuing to experience was related to the type of stream we were sending out. Our streams were the kind you see from beaches or snowfields etc (aka snowcams, surfcams) - and of course, the sound of the beach or wind up in the mountains is pretty boring, so we don't send audio in the feed.
It turns out that this was the cause of the problem. The H.264 decoding was failing, mostly on Macs, but more or less on any 10.1 players if there was no audio data being sent. The solution for this was simple - enable the audio channel at 0dB (or whatever muted is) and bam the streams start running again.
This isn't an optimal solution, because it adds a 16k overhead to our stream which we would rather put towards higher quality vision. I have raised a ticket with Adobe, FP-6085 so hopefully this will be addressed in a future release. Or 'HTML5' streaming will become a reality across all browsers.
我们的网站上也发生了这种情况。
我们已经能够避免在我们控制的计算机上出现此问题,但我们无法在我们的用户计算机上解决此问题。
这似乎只发生在 Mac/Chrome 上。
这是我的盒子的规格。
Chrome 版本 chrome://version
Google Chrome 20.0.1132.57(官方版本 145807)
操作系统 Mac OS X
WebKit 536.11 (@122148)
JavaScript V8 3.10.8.20
闪存11.3.300.265
用户代理 Mozilla/5.0(Macintosh;Intel Mac OS X 10_7_4) AppleWebKit/536.11(KHTML,如 Gecko) Chrome/20.0.1132.57 Safari/536.11
命令行 /Applications/Google Chrome.app/Contents/MacOS/Google Chrome -psn_0_5944747 --flag-switches-begin --disable-gpu-vsync --enable-sync-tabs --flag-switches-end
关于Flash chrome://flash
Google Chrome 20.0.1132.57 ()
操作系统 Mac OS X
Flash 插件 11.3.300.265 /Applications/Google Chrome.app/Contents/Versions/20.0.1132.57/Google Chrome Framework.framework/Internet Plug -Ins/Flash Player Plugin for Chrome.plugin
Flash 插件 11.3.300.265 /Library/Internet Plug-Ins/Flash Player.plugin(未使用)
--- 崩溃数据 ---
崩溃报告 启用崩溃报告以查看崩溃 ID
了解更多详细信息 https://support.google.com/chrome/?p=ui_usagestat
- -- GPU 信息 ---
--- GPU 驱动程序,更多信息 ---
供应商 ID 0x1002
设备 ID 0x6740
驱动程序供应商
驱动程序版本 7.18.18
驱动程序日期
像素着色器版本 1.20
顶点着色器版本 1.20
GL 版本 2.1
GL_VENDOR ATI Technologies Inc.
GL_RENDERER ATI Radeon HD 6770M OpenGL 引擎
GL_VERSION 2.1 ATI-7.18.18
GL_EXTENSIONS GL_ARB_color_buffer_float GL_ARB_depth_buffer_float GL_ARB_depth_c灯 GL_ARB_depth_texture GL_ARB_draw_buffers GL_ARB_draw_elements_base_vertex GL_ARB_draw_instanced GL_ARB_fragment_program GL_ARB_fragment_program_shadow GL_ARB_fragment_shader GL_ARB_framebuffer_object GL_ARB_framebuffer_sRGB GL_ARB_half_float_pixel GL_ARB _half_float_vertex GL_ARB_imaging GL_ARB_instanced_arrays GL_ARB_multisample GL_ARB_multitexture GL_ARB_occlusion_query GL_ARB_pixel_buffer_object GL_ARB_point_parameters GL_ARB_point_sprite GL_ARB_provoking_vertex GL_ARB_seamless_cube_map GL_ARB_shader_objects GL_ARB_shader_texture_lod GL_ARB_shading_language_100 GL_ARB_shadow GL_ARB_shadow_ambient GL_ARB_sync GL_ARB_texture_border_clamp GL_ARB_texture_compression GL_ARB_texture_compression_rgtc GL_ARB_texture_cube_map GL_ARB_texture_env_add GL_ARB_texture_env_combine GL_ARB_texture_env_crossbar GL_ARB_texture_env_dot3 GL_ARB_texture_float GL_ARB_texture_ GL_ARB_texture_non_power_of_two GL_ARB_texture_rectangle GL_ARB_texture_rg GL_ARB_transpose_matrix GL_ARB_vertex_array_bgra GL_ARB_vertex_blend GL_ARB_vertex_buffer_object GL_ARB_vertex_program GL_ARB_vertex_shader GL_ARB_window_pos GL_EXT_abgr GL_EXT_bgra GL_EXT_bindable_uniform GL_EXT_blend_color GL_EXT_blend_equation_separate GL_EXT_blend_func_separate GL_EXT_blend_minmax GL_EXT_blend_subtract GL_EXT_clip_volume_hint GL_EXT_compiled_vertex_array GL_EXT_draw_buffers2 GL_EXT_draw_ range_elements GL_EXT_fog_coord GL_EXT_framebuffer_blit GL_EXT_framebuffer_multisample GL_EXT_framebuffer_object GL_EXT_framebuffer_sRGB GL_EXT_geometry_shader4 GL_EXT_gpu_program_parameters GL_EXT_gpu_shader4 GL_EXT_multi_draw_arrays GL_EXT_packed_depth_stencil GL_EXT_packed_float GL_EXT_provoking_vertex GL_EXT_rescale_normal GL_EXT_secondary_color GL_EXT_separate_specular_color GL_EXT_shadow_funcs GL_EXT_stencil_two_side GL_EXT_stencil_wrap GL _EXT_texture_array GL_EXT_texture_compression_dxt1 GL_EXT_texture_compression_s3tc GL_EXT_texture_env_add GL_EXT_texture_filter_anisotropic GL_EXT_texture_integer GL_EXT_texture_lod_bias GL_EXT_texture_mirror_clamp GL_EXT_texture_rectangle GL_EXT_texture_shared_exponent GL_EXT_texture_sRGB GL_EXT_texture_sRGB_decode GL_EXT_timer_query GL_EXT_transform_feedback GL_EXT_vertex_array_bgra GL_APPLE_aux_depth_stencil GL_APPLE_client_storage GL_APPLE_element_array GL_APPLE_fence GL_APPLE_float_pixels GL_APPLE_flush_buffer_range _flush_render GL_APPLE_object_purgeable GL_APPLE_packed_pixels GL_APPLE_pixel_buffer GL_APPLE_rgb_422 GL_APPLE_row_bytes GL_APPLE_specular_vector GL_APPLE_texture_range GL_APPLE_transform_hint GL_APPLE_vertex_array_object GL_APPLE_vertex_array_range GL_APPLE_vertex _point_size GL_APPLE_vertex_program_evaluators GL_APPLE_ycbcr_422 GL_ATI_blend_equation_separate GL_ATI_blend_weighted_minmax GL_ATI_separate_stencil GL_ATI_texture_compression_3dc GL_ATI_texture_env_combine3 GL_ATI_texture_float GL_ATI_texture_mirror_once GL_IBM_rasterpos_clip GL_NV_blend_square GL_NV_conditional_render GL_NV_depth_clamp GL_NV_fog_distance GL_NV_light_max_exponent GL_NV_texgen_reflection GL_SGI_color_ma矩阵 GL_SGIS_generate_mipmap GL_SGIS_texture_edge_clamp GL_SGIS_texture_lod
This is happening to us as well on our website.
We have been able to avoid the issue on machines that are under our control, but we have not been able to resolve this on our users machines.
This seems to happen on Mac/Chrome only.
Here are my box'es specs.
Chrome Version chrome://version
Google Chrome 20.0.1132.57 (Official Build 145807)
OS Mac OS X
WebKit 536.11 (@122148)
JavaScript V8 3.10.8.20
Flash 11.3.300.265
User Agent Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_4) AppleWebKit/536.11 (KHTML, like Gecko) Chrome/20.0.1132.57 Safari/536.11
Command Line /Applications/Google Chrome.app/Contents/MacOS/Google Chrome -psn_0_5944747 --flag-switches-begin --disable-gpu-vsync --enable-sync-tabs --flag-switches-end
About Flash chrome://flash
Google Chrome 20.0.1132.57 ()
OS Mac OS X
Flash plugin 11.3.300.265 /Applications/Google Chrome.app/Contents/Versions/20.0.1132.57/Google Chrome Framework.framework/Internet Plug-Ins/Flash Player Plugin for Chrome.plugin
Flash plugin 11.3.300.265 /Library/Internet Plug-Ins/Flash Player.plugin (not used)
--- Crash data ---
Crash Reporting Enable crash reporting to see crash IDs
For more details https://support.google.com/chrome/?p=ui_usagestat
--- GPU information ---
--- GPU driver, more information ---
Vendor Id 0x1002
Device Id 0x6740
Driver vendor
Driver version 7.18.18
Driver date
Pixel shader version 1.20
Vertex shader version 1.20
GL version 2.1
GL_VENDOR ATI Technologies Inc.
GL_RENDERER ATI Radeon HD 6770M OpenGL Engine
GL_VERSION 2.1 ATI-7.18.18
GL_EXTENSIONS GL_ARB_color_buffer_float GL_ARB_depth_buffer_float GL_ARB_depth_clamp GL_ARB_depth_texture GL_ARB_draw_buffers GL_ARB_draw_elements_base_vertex GL_ARB_draw_instanced GL_ARB_fragment_program GL_ARB_fragment_program_shadow GL_ARB_fragment_shader GL_ARB_framebuffer_object GL_ARB_framebuffer_sRGB GL_ARB_half_float_pixel GL_ARB_half_float_vertex GL_ARB_imaging GL_ARB_instanced_arrays GL_ARB_multisample GL_ARB_multitexture GL_ARB_occlusion_query GL_ARB_pixel_buffer_object GL_ARB_point_parameters GL_ARB_point_sprite GL_ARB_provoking_vertex GL_ARB_seamless_cube_map GL_ARB_shader_objects GL_ARB_shader_texture_lod GL_ARB_shading_language_100 GL_ARB_shadow GL_ARB_shadow_ambient GL_ARB_sync GL_ARB_texture_border_clamp GL_ARB_texture_compression GL_ARB_texture_compression_rgtc GL_ARB_texture_cube_map GL_ARB_texture_env_add GL_ARB_texture_env_combine GL_ARB_texture_env_crossbar GL_ARB_texture_env_dot3 GL_ARB_texture_float GL_ARB_texture_mirrored_repeat GL_ARB_texture_non_power_of_two GL_ARB_texture_rectangle GL_ARB_texture_rg GL_ARB_transpose_matrix GL_ARB_vertex_array_bgra GL_ARB_vertex_blend GL_ARB_vertex_buffer_object GL_ARB_vertex_program GL_ARB_vertex_shader GL_ARB_window_pos GL_EXT_abgr GL_EXT_bgra GL_EXT_bindable_uniform GL_EXT_blend_color GL_EXT_blend_equation_separate GL_EXT_blend_func_separate GL_EXT_blend_minmax GL_EXT_blend_subtract GL_EXT_clip_volume_hint GL_EXT_compiled_vertex_array GL_EXT_draw_buffers2 GL_EXT_draw_range_elements GL_EXT_fog_coord GL_EXT_framebuffer_blit GL_EXT_framebuffer_multisample GL_EXT_framebuffer_object GL_EXT_framebuffer_sRGB GL_EXT_geometry_shader4 GL_EXT_gpu_program_parameters GL_EXT_gpu_shader4 GL_EXT_multi_draw_arrays GL_EXT_packed_depth_stencil GL_EXT_packed_float GL_EXT_provoking_vertex GL_EXT_rescale_normal GL_EXT_secondary_color GL_EXT_separate_specular_color GL_EXT_shadow_funcs GL_EXT_stencil_two_side GL_EXT_stencil_wrap GL_EXT_texture_array GL_EXT_texture_compression_dxt1 GL_EXT_texture_compression_s3tc GL_EXT_texture_env_add GL_EXT_texture_filter_anisotropic GL_EXT_texture_integer GL_EXT_texture_lod_bias GL_EXT_texture_mirror_clamp GL_EXT_texture_rectangle GL_EXT_texture_shared_exponent GL_EXT_texture_sRGB GL_EXT_texture_sRGB_decode GL_EXT_timer_query GL_EXT_transform_feedback GL_EXT_vertex_array_bgra GL_APPLE_aux_depth_stencil GL_APPLE_client_storage GL_APPLE_element_array GL_APPLE_fence GL_APPLE_float_pixels GL_APPLE_flush_buffer_range GL_APPLE_flush_render GL_APPLE_object_purgeable GL_APPLE_packed_pixels GL_APPLE_pixel_buffer GL_APPLE_rgb_422 GL_APPLE_row_bytes GL_APPLE_specular_vector GL_APPLE_texture_range GL_APPLE_transform_hint GL_APPLE_vertex_array_object GL_APPLE_vertex_array_range GL_APPLE_vertex_point_size GL_APPLE_vertex_program_evaluators GL_APPLE_ycbcr_422 GL_ATI_blend_equation_separate GL_ATI_blend_weighted_minmax GL_ATI_separate_stencil GL_ATI_texture_compression_3dc GL_ATI_texture_env_combine3 GL_ATI_texture_float GL_ATI_texture_mirror_once GL_IBM_rasterpos_clip GL_NV_blend_square GL_NV_conditional_render GL_NV_depth_clamp GL_NV_fog_distance GL_NV_light_max_exponent GL_NV_texgen_reflection GL_SGI_color_matrix GL_SGIS_generate_mipmap GL_SGIS_texture_edge_clamp GL_SGIS_texture_lod