<Audio controls> inconsistent height
Reported by
d...@d2consulting.co.uk,
Oct 16
|
|||||||||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36 Example URL: http://www.thethursdaynightshow.com/testarea Steps to reproduce the problem: 1. use <audio controls> </audio> 2. publish 3. What is the expected behavior? The 'control' bar is very inconsistent between chrome, safari and firefox. Chrome is SIGNIFICANTLY higher. This makes simple native <audio controls> un-usuable. What went wrong? Chrome controls are nearly twice the height as the controls in other browsers. This makes putting a simple cross platform player into the header of my website impossible - have had to build my own player and it has (other unrelated issues) - this was not historically an issue. Did this work before? Yes pre May 2018 it was not causing me an issue. Is it a problem with Flash or HTML5? HTML5 Does this work in other browsers? Yes Chrome version: 69.0.3497.100 Channel: stable OS Version: OS X 10.13.6 Flash Version: Contents of chrome://gpu: Graphics Feature Status Canvas: Hardware accelerated Flash: Hardware accelerated Flash Stage3D: Hardware accelerated Flash Stage3D Baseline profile: Hardware accelerated Compositing: Hardware accelerated Multiple Raster Threads: Enabled Native GpuMemoryBuffers: Hardware accelerated Out-of-process Rasterization: Disabled Hardware Protected Video Decode: Unavailable Rasterization: Hardware accelerated Skia Deferred Display List: Disabled Skia Renderer: Disabled Surface Synchronization: Enabled Video Decode: Software only. Hardware acceleration disabled Viz Service Display Compositor: Disabled WebGL: Hardware accelerated WebGL2: Hardware accelerated Driver Bug Workarounds add_and_true_to_loop_condition adjust_src_dst_region_for_blitframebuffer avoid_stencil_buffers decode_encode_srgb_for_generatemipmap disable_2d_canvas_auto_flush disable_framebuffer_cmaa disable_webgl_rgb_multisampling_usage dont_use_loops_to_initialize_variables emulate_abs_int_function get_frag_data_info_bug init_two_cube_map_levels_before_copyteximage max_msaa_sample_count_4 msaa_is_slow pack_parameters_workaround_with_pack_buffer rebind_transform_feedback_before_resume regenerate_struct_names remove_invariant_and_centroid_for_essl3 reset_teximage2d_base_level rewrite_texelfetchoffset_to_texelfetch scalarize_vec_and_mat_constructor_args set_zero_level_before_generating_mipmap unfold_short_circuit_as_ternary_operation unpack_alignment_workaround_with_unpack_buffer unpack_image_height_workaround_with_unpack_buffer use_intermediary_for_copy_texture_image use_unused_standard_shared_blocks Problems Detected Protected video decoding with swap chain is for Windows and Intel only Disabled Features: protected_video_decode Unfold short circuit on Mac OS X: 307751 Applied Workarounds: unfold_short_circuit_as_ternary_operation Always rewrite vec/mat constructors to be consistent: 398694 Applied Workarounds: scalarize_vec_and_mat_constructor_args Mac drivers handle struct scopes incorrectly: 403957 Applied Workarounds: regenerate_struct_names On Intel GPUs MSAA performance is not acceptable for GPU rasterization: 527565 Applied Workarounds: msaa_is_slow glGenerateMipmap fails if the zero texture level is not set on some Mac drivers: 560499 Applied Workarounds: set_zero_level_before_generating_mipmap Pack parameters work incorrectly with pack buffer bound: 563714 Applied Workarounds: pack_parameters_workaround_with_pack_buffer Alignment works incorrectly with unpack buffer bound: 563714 Applied Workarounds: unpack_alignment_workaround_with_unpack_buffer copyTexImage2D fails when reading from IOSurface on multiple GPU types.: 581777 Applied Workarounds: use_intermediary_for_copy_texture_image Multisample renderbuffers with format GL_RGB8 have performance issues on Intel GPUs.: 607130 Applied Workarounds: disable_webgl_rgb_multisampling_usage Use GL_INTEL_framebuffer_CMAA on ChromeOS: 535198 Applied Workarounds: disable_framebuffer_cmaa glGetFragData{Location|Index} works incorrectly on Max: 638340 Applied Workarounds: get_frag_data_info_bug glResumeTransformFeedback works incorrectly on Intel GPUs: 638514 Applied Workarounds: rebind_transform_feedback_before_resume Result of abs(i) where i is an integer in vertex shader is wrong: 642227 Applied Workarounds: emulate_abs_int_function Rewrite texelFetchOffset to texelFetch for Intel Mac: 642605 Applied Workarounds: rewrite_texelfetchoffset_to_texelfetch Rewrite condition in for and while loops for Intel Mac: 644669 Applied Workarounds: add_and_true_to_loop_condition Decode and encode before generateMipmap for srgb format textures on macosx: 634519 Applied Workarounds: decode_encode_srgb_for_generatemipmap Init first two levels before CopyTexImage2D for cube map texture on Intel Mac 10.12: 648197 Applied Workarounds: init_two_cube_map_levels_before_copyteximage Insert statements to reference all members in unused std140/shared blocks on Mac: 618464 Applied Workarounds: use_unused_standard_shared_blocks Tex(Sub)Image3D performs incorrectly when uploading from unpack buffer with GL_UNPACK_IMAGE_HEIGHT greater than zero on Intel Macs: 654258 Applied Workarounds: unpack_image_height_workaround_with_unpack_buffer adjust src/dst region if blitting pixels outside read framebuffer on Mac: 644740 Applied Workarounds: adjust_src_dst_region_for_blitframebuffer Mac driver GL 4.1 requires invariant and centroid to match between shaders: 639760, 641129 Applied Workarounds: remove_invariant_and_centroid_for_essl3 Disable KHR_blend_equation_advanced until cc shaders are updated: 661715 Applied Workarounds: disable(GL_KHR_blend_equation_advanced), disable(GL_KHR_blend_equation_advanced_coherent) Certain Apple devices leak stencil buffers: 713854 Applied Workarounds: avoid_stencil_buffers Reset TexImage2D base level to 0 on Intel Mac 10.12.4: 705865 Applied Workarounds: reset_teximage2d_base_level Don't expose disjoint_timer_query extensions to WebGL: 808744 Shader variable initialization in a loop caused perf regression on Mac Intel.: 809422 Applied Workarounds: dont_use_loops_to_initialize_variables 8x MSAA is slow for alpha:false WebGL contexts on Mac Intel: 812071 Applied Workarounds: max_msaa_sample_count_4 glFlush error on Mac: 841755 Applied Workarounds: disable_2d_canvas_auto_flush Accelerated video decode has been disabled, either via blacklist, about:flags or the command line. Disabled Features: video_decode Viz service display compositor is not enabled by default. Disabled Features: viz_display_compositor Skia renderer is not used by default. Disabled Features: skia_renderer Skia deferred display list is not used by default. Disabled Features: skia_deferred_display_list Version Information Data exported 2018-10-16T16:48:24.552Z Chrome version Chrome/69.0.3497.100 Operating system Mac OS X 10.13.6 Software rendering list URL https://chromium.googlesource.com/chromium/src/+/8920e690dd011895672947112477d10d5c8afb09/gpu/config/software_rendering_list.json Driver bug list URL https://chromium.googlesource.com/chromium/src/+/8920e690dd011895672947112477d10d5c8afb09/gpu/config/gpu_driver_bug_list.json ANGLE commit id 6ffc489d4f18 2D graphics backend Skia/69 e110fd1ebd2d559838c49a8821ebf18986bd6ec2- Command Line /Applications/Google Chrome.app/Contents/MacOS/Google Chrome -psn_0_65552 --restore-last-session --flag-switches-begin --disable-accelerated-video-decode --enable-nacl --flag-switches-end Driver Information Initialization time 627 In-process GPU false Passthrough Command Decoder false Sandboxed true GPU0 VENDOR = 0x8086 [Intel Inc.], DEVICE= 0x1626 [Intel(R) HD Graphics 6000] *ACTIVE* Optimus false AMD switchable false Driver vendor INTEL Driver version 10.36.19 Driver date Pixel shader version 4.10 Vertex shader version 4.10 Max. MSAA samples 8 Machine model name MacBookAir Machine model version 7.1 GL_VENDOR Intel Inc. GL_RENDERER Intel(R) HD Graphics 6000 GL_VERSION 4.1 INTEL-10.36.19 GL_EXTENSIONS GL_ARB_blend_func_extended GL_ARB_draw_buffers_blend GL_ARB_draw_indirect GL_ARB_ES2_compatibility GL_ARB_explicit_attrib_location GL_ARB_gpu_shader_fp64 GL_ARB_gpu_shader5 GL_ARB_instanced_arrays GL_ARB_internalformat_query GL_ARB_occlusion_query2 GL_ARB_sample_shading GL_ARB_sampler_objects GL_ARB_separate_shader_objects GL_ARB_shader_bit_encoding GL_ARB_shader_subroutine GL_ARB_shading_language_include GL_ARB_tessellation_shader GL_ARB_texture_buffer_object_rgb32 GL_ARB_texture_cube_map_array GL_ARB_texture_gather GL_ARB_texture_query_lod GL_ARB_texture_rgb10_a2ui GL_ARB_texture_storage GL_ARB_texture_swizzle GL_ARB_timer_query GL_ARB_transform_feedback2 GL_ARB_transform_feedback3 GL_ARB_vertex_attrib_64bit GL_ARB_vertex_type_2_10_10_10_rev GL_ARB_viewport_array GL_EXT_debug_label GL_EXT_debug_marker GL_EXT_framebuffer_multisample_blit_scaled GL_EXT_texture_compression_s3tc GL_EXT_texture_filter_anisotropic GL_EXT_texture_sRGB_decode GL_APPLE_client_storage GL_APPLE_container_object_shareable GL_APPLE_flush_render GL_APPLE_object_purgeable GL_APPLE_rgb_422 GL_APPLE_row_bytes GL_APPLE_texture_range GL_ATI_texture_mirror_once GL_NV_texture_barrier Disabled Extensions GL_KHR_blend_equation_advanced GL_KHR_blend_equation_advanced_coherent Disabled WebGL Extensions EXT_disjoint_timer_query EXT_disjoint_timer_query_webgl2 Window system binding vendor Window system binding version Window system binding extensions Direct rendering Yes Reset notification strategy 0x0000 GPU process crash count 0 Compositor Information Tile Update Mode Zero-copy Partial Raster Enabled GpuMemoryBuffers Status ATC Software only ATCIA Software only DXT1 Software only DXT5 Software only ETC1 Software only R_8 GPU_READ, SCANOUT, SCANOUT_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE_PERSISTENT R_16 Software only RG_88 Software only BGR_565 Software only RGBA_4444 Software only RGBX_8888 Software only RGBA_8888 GPU_READ, SCANOUT, SCANOUT_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE_PERSISTENT BGRX_8888 GPU_READ, SCANOUT, SCANOUT_CPU_READ_WRITE BGRX_1010102 GPU_READ, SCANOUT, SCANOUT_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE_PERSISTENT RGBX_1010102 Software only BGRA_8888 GPU_READ, SCANOUT, SCANOUT_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE_PERSISTENT RGBA_F16 GPU_READ, SCANOUT, SCANOUT_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE_PERSISTENT YVU_420 Software only YUV_420_BIPLANAR GPU_READ, SCANOUT, SCANOUT_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE_PERSISTENT UYVY_422 GPU_READ, SCANOUT, SCANOUT_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE_PERSISTENT Display(s) Information Info Display[69680256] bounds=[0,0 1366x768], workarea=[0,23 1366x745], scale=1, external. Color space information {primaries_d50_referred: [[0.5834, 0.3388], [0.3380, 0.5482], [0.1603, 0.0968]], transfer:0.0097*x + 0.0000 if x < 0.0078 else (1.1052*x + -0.0087)**2.1305 + 0.0001, matrix:RGB, range:FULL} Bits per color component 8 Bits per pixel 24 Info Display[458629261] bounds=[-313,-1080 1920x1080], workarea=[-313,-1057 1920x1057], scale=1, external. Color space information {primaries_d50_referred: [[0.6454, 0.3321], [0.3277, 0.6130], [0.1592, 0.0780]], transfer:0.0777*x + 0.0000 if x < 0.0450 else (0.9478*x + 0.0521)**2.4000 + -0.0000, matrix:RGB, range:FULL} Bits per color component 8 Bits per pixel 24 Video Acceleration Information Encode h264 baseline up to 4096x2160 pixels and/or 30.000 fps Encode h264 main up to 4096x2160 pixels and/or 30.000 fps Encode h264 high up to 4096x2160 pixels and/or 30.000 fps Log Messages [451:775:1016/172235.918989:ERROR:gles2_cmd_decoder.cc(18047)] : [.BrowserCompositor-0x7fe068199800]GL ERROR :GL_INVALID_OPERATION : glCreateAndConsumeTextureCHROMIUM: invalid mailbox name [451:775:1016/172235.919136:ERROR:gles2_cmd_decoder.cc(12520)] : [.BrowserCompositor-0x7fe068199800]GL ERROR :GL_INVALID_VALUE : glScheduleCALayerCHROMIUM: unsupported texture format [451:775:1016/172235.919169:ERROR:gles2_cmd_decoder.cc(18047)] : [.BrowserCompositor-0x7fe068199800]GL ERROR :GL_INVALID_OPERATION : glCreateAndConsumeTextureCHROMIUM: invalid mailbox name [451:775:1016/172235.919192:ERROR:gles2_cmd_decoder.cc(12520)] : [.BrowserCompositor-0x7fe068199800]GL ERROR :GL_INVALID_VALUE : glScheduleCALayerCHROMIUM: unsupported texture format [451:775:1016/172344.210435:WARNING:ipc_message_attachment_set.cc(49)] : MessageAttachmentSet destroyed with unconsumed attachments: 0/1 [451:775:1016/172436.285901:WARNING:ipc_message_attachment_set.cc(49)] : MessageAttachmentSet destroyed with unconsumed attachments: 0/1 [451:775:1016/173954.944578:ERROR:gles2_cmd_decoder.cc(18047)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_OPERATION : glCreateAndConsumeTextureCHROMIUM: invalid mailbox name [451:775:1016/173954.944878:ERROR:gles2_cmd_decoder.cc(12520)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_VALUE : glScheduleCALayerCHROMIUM: unsupported texture format [451:775:1016/173954.944917:ERROR:gles2_cmd_decoder.cc(18047)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_OPERATION : glCreateAndConsumeTextureCHROMIUM: invalid mailbox name [451:775:1016/173954.944937:ERROR:gles2_cmd_decoder.cc(12520)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_VALUE : glScheduleCALayerCHROMIUM: unsupported texture format [451:775:1016/173954.944961:ERROR:gles2_cmd_decoder.cc(18047)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_OPERATION : glCreateAndConsumeTextureCHROMIUM: invalid mailbox name [451:775:1016/173954.954971:ERROR:gles2_cmd_decoder.cc(12520)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_VALUE : glScheduleCALayerCHROMIUM: unsupported texture format [451:775:1016/174152.581060:ERROR:gles2_cmd_decoder.cc(18047)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_OPERATION : glCreateAndConsumeTextureCHROMIUM: invalid mailbox name [451:775:1016/174152.581123:ERROR:gles2_cmd_decoder.cc(12520)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_VALUE : glScheduleCALayerCHROMIUM: unsupported texture format [451:775:1016/174152.581165:ERROR:gles2_cmd_decoder.cc(18047)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_OPERATION : glCreateAndConsumeTextureCHROMIUM: invalid mailbox name [451:775:1016/174152.581185:ERROR:gles2_cmd_decoder.cc(12520)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_VALUE : glScheduleCALayerCHROMIUM: unsupported texture format [451:775:1016/174223.688483:ERROR:gles2_cmd_decoder.cc(18047)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_OPERATION : glCreateAndConsumeTextureCHROMIUM: invalid mailbox name [451:775:1016/174223.688605:ERROR:gles2_cmd_decoder.cc(12520)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_VALUE : glScheduleCALayerCHROMIUM: unsupported texture format [451:775:1016/174223.688630:ERROR:gles2_cmd_decoder.cc(18047)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_OPERATION : glCreateAndConsumeTextureCHROMIUM: invalid mailbox name [451:775:1016/174223.688650:ERROR:gles2_cmd_decoder.cc(12520)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_VALUE : glScheduleCALayerCHROMIUM: unsupported texture format [451:775:1016/174223.688676:ERROR:gles2_cmd_decoder.cc(18047)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_OPERATION : glCreateAndConsumeTextureCHROMIUM: invalid mailbox name [451:775:1016/174223.688719:ERROR:gles2_cmd_decoder.cc(12520)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_VALUE : glScheduleCALayerCHROMIUM: unsupported texture format [451:775:1016/174243.507139:ERROR:gles2_cmd_decoder.cc(18047)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_OPERATION : glCreateAndConsumeTextureCHROMIUM: invalid mailbox name [451:775:1016/174243.507184:ERROR:gles2_cmd_decoder.cc(12520)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_VALUE : glScheduleCALayerCHROMIUM: unsupported texture format [451:775:1016/174243.507222:ERROR:gles2_cmd_decoder.cc(18047)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_OPERATION : glCreateAndConsumeTextureCHROMIUM: invalid mailbox name [451:775:1016/174243.507243:ERROR:gles2_cmd_decoder.cc(12520)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_VALUE : glScheduleCALayerCHROMIUM: unsupported texture format [451:775:1016/174243.507265:ERROR:gles2_cmd_decoder.cc(18047)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_OPERATION : glCreateAndConsumeTextureCHROMIUM: invalid mailbox name [451:775:1016/174243.507284:ERROR:gles2_cmd_decoder.cc(12520)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_VALUE : glScheduleCALayerCHROMIUM: unsupported texture format [451:775:1016/174243.507490:ERROR:gles2_cmd_decoder.cc(18047)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_OPERATION : glCreateAndConsumeTextureCHROMIUM: invalid mailbox name [451:775:1016/174243.507558:ERROR:gles2_cmd_decoder.cc(12520)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_VALUE : glScheduleCALayerCHROMIUM: unsupported texture format [451:775:1016/174243.507672:ERROR:gles2_cmd_decoder.cc(18047)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_OPERATION : glCreateAndConsumeTextureCHROMIUM: invalid mailbox name [451:775:1016/174243.507709:ERROR:gles2_cmd_decoder.cc(12520)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_VALUE : glScheduleCALayerCHROMIUM: unsupported texture format [451:775:1016/174243.513271:ERROR:gles2_cmd_decoder.cc(12520)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_VALUE : glScheduleCALayerCHROMIUM: unsupported texture format [451:775:1016/174243.513313:ERROR:gles2_cmd_decoder.cc(12520)] : [.BrowserCompositor-0x7fe068180000]GL ERROR :GL_INVALID_VALUE : glScheduleCALayerCHROMIUM: unsupported texture format Spoke to Jai Krishnan (who i have done some other work with) and he suggested filing a bug report.
,
Oct 16
,
Oct 16
,
Oct 16
,
Oct 16
,
Oct 17
,
Oct 17
Thanks for filing the issue! Tried checking the issue on reported chrome version 69.0.3497.100 using Mac 10.13.1 with the below mentioned steps. 1. Launched Chrome 2. Navigated to http://www.thethursdaynightshow.com/testarea Observed the audio controls, checked the same in 60.0.3112.0. Almost observed the similar behaviour except the UI of it i.e., rounded and straight border. Attaching the screenshot of the same. @Reporter: Could you please have a look at the screen shot and let us know if the UI in 60.0.3112.0 is the expected behaviour or Is the issue seen in both the versions. Your confirmation helps us to triage the issue further in a better way.
,
Oct 17
,
Oct 17
Hey Vamshi Ill have to play around uninstalling / reinstalling versions later on but for now please see attached screen shots of the inconstancy between all the latest browser versions (Chrome 70 / Safari and Firefox) I can also note that historically the audio controls did look more like the left hand (60.0.3112.0) version you showed above). since harmonisation of this has started to drift I wonder if there is a platform where all three major browsers communicate on the design of these features specifically relating to audio? If you need a neutral third party to create a forum to harmonise the look (ie 'all dark' and 'all 40px high and 300px wide' and 'all top left aligned' I would be happy to volunteer to do that and perhaps tuck it into my streamingmedia.com role, but I wouldn't know where to contact in safari and firefox etc..) Audio tends to be a bit of an after thoughts around video these days, but a small variance between browsers turns a simple HTML5 audio tag into a massive javascript effort to make it simple to use. The inconstancies are even more varied when viewed in mobile browsers.
,
Oct 17
Thank you for providing more feedback. Adding the requester to the cc list. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Oct 18
Able to reproduce the issue on Mac 10.13.3, Win-10 and Ubuntu 17.10 using chrome reported version #69.0.3497.100 and latest canary #72.0.3582.0. This is a non-regression issue as it is observed from M60 old builds. Attaching screen shots of mac_M60, win10_M60 and firefix behaviour. Hence, marking it as untriaged to get more inputs from dev team. Thanks...!!
,
Oct 18
+amyroberts@ fyi for new audio controls
,
Oct 24
Just being nosy (!) but any progress on this? :)
,
Oct 31
|
|||||||||||
►
Sign in to add a comment |
|||||||||||
Comment 1 by washida'...@iltexasstudent.org
, Oct 16