Foobar2000:Components/WebView (foo uie webview) - Revision history

Korth: version; removed broken screenshot link; added external links section

2026-01-14T13:21:52Z

version; removed broken screenshot link; added external links section

← Older revision		Revision as of 13:21, 14 January 2026
Line 1:		Line 1:
	{{infobox foobar2000 component		{{infobox foobar2000 component
	\| name = WebView		\| name = WebView
	\| screenshot = ~~[[File:WebView.png\|256px]]~~		\| screenshot =
	\| caption =		\| caption =
	\| module_name = foo_uie_webview		\| module_name = foo_uie_webview
	\| developer = {{ha user\|u=67884\|name=pqyt}}		\| developer = {{ha user\|u=67884\|name=pqyt}}
	\| repository = [https://github.com/stuerp/foo_uie_webview GitHub]		\| repository = [https://github.com/stuerp/foo_uie_webview GitHub]
	\| released =		\| released = {{start date and age\|2024\|06\|02}}
	\| released_ref =		\| released_ref =
	\| stable_release = 0.1.6.0		\| stable_release = 0.2.1.0
	\| stable_release_date = ~~{{start date and age\|~~2024~~\|07\|09}}~~		\| stable_release_date = 2024-12-15
	\| preview_release = 0.1.6.3-alpha3		\| preview_release = 0.3.0.0-alpha3
	\| preview_release_date = ~~{{start date and age\|2024\|07\|12}}~~		\| preview_release_date = 2025-09-14
	\| foobar2000_architecture = ~~x86~~ 32-bit, ~~x86~~ 64-bit		\| foobar2000_architecture = Windows 32-bit, Windows 64-bit
	\| foobar2000_minimum = 2.0		\| foobar2000_minimum = 2.0
	\| foobar2000_maximum =		\| foobar2000_maximum =
Line 155:		Line 155:
	* In Private mode: The WebView2 control of the instance runs in '''In Private''' mode.		* In Private mode: The WebView2 control of the instance runs in '''In Private''' mode.
	* Fluent scrollbar style: When enabled the control use the [https://fluent2.microsoft.design/design-principles Fluent design language] to render the scrollbar. Disable it for a default scrollbar.		* Fluent scrollbar style: When enabled the control use the [https://fluent2.microsoft.design/design-principles Fluent design language] to render the scrollbar. Disable it for a default scrollbar.

			== External links ==

			* {{foobar2000\|https://www.foobar2000.org/components/view/foo_uie_webview\|WebView}}
			* {{ha\|https://hydrogenaudio.org/index.php/topic,126042.0.html}}

Pqyt: /* Preferences */

2024-08-10T08:32:17Z

Preferences

← Older revision		Revision as of 08:32, 10 August 2024
Line 154:		Line 154:
	* Clear browsing data on startup: The browser data cache will be cleared each time the instance starts.		* Clear browsing data on startup: The browser data cache will be cleared each time the instance starts.
	* In Private mode: The WebView2 control of the instance runs in '''In Private''' mode.		* In Private mode: The WebView2 control of the instance runs in '''In Private''' mode.
	* Fluent scrollbar style: When enabled the control use the Fluent design to render the scrollbar. Disable it for a default scrollbar.		* Fluent scrollbar style: When enabled the control use the [https://fluent2.microsoft.design/design-principles Fluent design language] to render the scrollbar. Disable it for a default scrollbar.

Pqyt: Added "Fluent scrollbar style".

2024-08-10T08:26:37Z

Added "Fluent scrollbar style".

← Older revision		Revision as of 08:26, 10 August 2024
Line 154:		Line 154:
	* Clear browsing data on startup: The browser data cache will be cleared each time the instance starts.		* Clear browsing data on startup: The browser data cache will be cleared each time the instance starts.
	* In Private mode: The WebView2 control of the instance runs in '''In Private''' mode.		* In Private mode: The WebView2 control of the instance runs in '''In Private''' mode.
			* Fluent scrollbar style: When enabled the control use the Fluent design to render the scrollbar. Disable it for a default scrollbar.

Pqyt: /* Events */

2024-07-12T16:00:00Z

Events

Pqyt: /* Shared Buffer */

2024-07-12T15:58:38Z

Shared Buffer

← Older revision		Revision as of 15:58, 12 July 2024
Line 100:		Line 100:
	<code>function OnSharedBufferReceived(e) {}</code>		<code>function OnSharedBufferReceived(e) {}</code>

	This event gets raised when a new shared buffer is available to the JavaScript code. The following JavaScript code fragment ~~get~~ the samples as an ArrayBuffer and converts them to an array of 64-bit double values.		This event gets raised when a new shared buffer is available to the JavaScript code. The following JavaScript code fragment gets the samples as an ArrayBuffer and converts them to an array of 64-bit double values.

	<code>SharedBuffer = e.getBuffer(); // as an ArrayBuffer		<code>SharedBuffer = e.getBuffer(); // as an ArrayBuffer

Pqyt: Initial version of the documentation

2024-07-12T15:54:54Z

Initial version of the documentation

Show changes

Korth: use

2024-07-08T21:12:37Z

use

← Older revision		Revision as of 21:12, 8 July 2024
Line 17:		Line 17:
	\| foobar2000_legacy = false		\| foobar2000_legacy = false
	\| foobar2000_ui_module = Default UI, Columns UI		\| foobar2000_ui_module = Default UI, Columns UI
	\| use = ~~Utility~~		\| use = UI
	\| license = [https://github.com/stuerp/foo_uie_webview/blob/master/LICENSE.txt MIT License]		\| license = [https://github.com/stuerp/foo_uie_webview/blob/master/LICENSE.txt MIT License]
	}}		}}

Pqyt at 19:19, 8 July 2024

2024-07-08T19:19:53Z

← Older revision		Revision as of 19:19, 8 July 2024
Line 1:		Line 1:
			{{infobox foobar2000 component
			\| name = WebView
			\| screenshot = [[File:WebView.png\|256px]]
			\| caption =
			\| module_name = foo_uie_webview
			\| developer = {{ha user\|u=67884\|name=pqyt}}
			\| repository = [https://github.com/stuerp/foo_uie_webview GitHub]
			\| released =
			\| released_ref =
			\| stable_release = 0.1.5.6
			\| stable_release_date = {{start date and age\|2024\|07\|08}}
			\| preview_release =
			\| preview_release_date = <!--{{start date and age\|2023\|11\|12}}-->
			\| foobar2000_architecture = x86 32-bit, x86 64-bit
			\| foobar2000_minimum = 2.0
			\| foobar2000_maximum =
			\| foobar2000_legacy = false
			\| foobar2000_ui_module = Default UI, Columns UI
			\| use = Utility
			\| license = [https://github.com/stuerp/foo_uie_webview/blob/master/LICENSE.txt MIT License]
			}}
	foo_uie_webview is a foobar2000 component that exposes the Microsoft WebView2 control as UI panel.		foo_uie_webview is a foobar2000 component that exposes the Microsoft WebView2 control as UI panel.

	It takes an HTML file that receives playback notifications from foobar2000. The panel can react to those notifications and adjust its output using JavaScript code.		It takes an HTML file that receives playback notifications from foobar2000. The panel can react to those notifications and adjust its output using JavaScript code.

Pqyt: Created page with "foo_uie_webview is a foobar2000 component that exposes the Microsoft WebView2 control as UI panel. It takes an HTML file that receives playback notifications from foobar2000. The panel can react to those notifications and adjust its output using JavaScript code."

2024-07-08T19:13:32Z

Created page with "foo_uie_webview is a foobar2000 component that exposes the Microsoft WebView2 control as UI panel. It takes an HTML file that receives playback notifications from foobar2000. The panel can react to those notifications and adjust its output using JavaScript code."

New page

foo_uie_webview is a foobar2000 component that exposes the Microsoft WebView2 control as UI panel.

It takes an HTML file that receives playback notifications from foobar2000. The panel can react to those notifications and adjust its output using JavaScript code.

← Older revision		Revision as of 16:00, 12 July 2024
Line 44:		Line 44:
	Your JavaScript code can react to the following events raised by the component:		Your JavaScript code can react to the following events raised by the component:

	<code>function OnPlaybackStarting(command, paused) {}</code>		<code>function OnPlaybackStarting(command, paused) {}</code>

	Called when playback is being initialized.		Called when playback is being initialized.

	''command'': The name of the command that started playback.		''command'': The name of the command that started playback.
	''paused'': True if the playback was started paused.		''paused'': True if the playback was started paused.

	<code>function OnPlaybackNewTrack() {}</code>		<code>function OnPlaybackNewTrack() {}</code>

	Called when playback advances to a new track.		Called when playback advances to a new track.

	<code>function OnPlaybackStop(reason) {}</code>		<code>function OnPlaybackStop(reason) {}</code>

	Called when playback stops.		Called when playback stops.

	''reason'': The reason why playback got stopped ("User" / "EOF" / "Starting another" / "Shutting down")		''reason'': The reason why playback got stopped ("User" / "EOF" / "Starting another" / "Shutting down")

	<code>function OnPlaybackSeek(time) {}</code>		<code>function OnPlaybackSeek(time) {}</code>

	Called when the user seeks to a specific ''time'' (in seconds).		Called when the user seeks to a specific ''time'' (in seconds).

	<code>function OnPlaybackPause(paused) {}</code>		<code>function OnPlaybackPause(paused) {}</code>

	Called when playback pauses or resumes.		Called when playback pauses or resumes.

	''paused'': True if the playback was started paused.		''paused'': True if the playback was started paused.

	<code>function OnPlaybackEdited() {}</code>		<code>function OnPlaybackEdited() {}</code>

	Called when the currently played file gets edited.		Called when the currently played file gets edited.

	<code>function OnPlaybackDynamicInfo() {}</code>		<code>function OnPlaybackDynamicInfo() {}</code>

	Called when dynamic info (VBR bitrate etc...) changes.		Called when dynamic info (VBR bitrate etc...) changes.

	<code>function OnPlaybackDynamicTrackInfo() {}</code>		<code>function OnPlaybackDynamicTrackInfo() {}</code>

	Called when the per-track dynamic info (stream track titles etc...) change. Happens less often than OnPlaybackDynamicInfo().		Called when the per-track dynamic info (stream track titles etc...) change. Happens less often than OnPlaybackDynamicInfo().

	<code>function OnPlaybackTime(time) {}</code>		<code>function OnPlaybackTime(time) {}</code>

	Called, every second, for time display.		Called, every second, for time display.

	<code>function OnVolumeChange(newValue) {}</code>		<code>function OnVolumeChange(newValue) {}</code>

	Called when the user changes the volume.		Called when the user changes the volume.

	<code>function OnPlaylistFocusedItemChanged() {}</code>		<code>function OnPlaylistFocusedItemChanged() {}</code>

	Called when the focused playlist item changes.		Called when the focused playlist item changes.