bind_muted() — svelte Function Reference

Architecture documentation for the bind_muted() function in media.js from the svelte codebase.

Function javascript ClientRuntime Hydration calls 2

Entity Profile

ClientRuntime→ Hydration→ bind_muted() — svelte Function Reference

Dependency Diagram

graph TD
  3e6d409e_f008_46a7_48f0_1049d30d12da["bind_muted()"]
  1fdae683_fcfe_7f32_daab_6a4edc3c6b85["media.js"]
  3e6d409e_f008_46a7_48f0_1049d30d12da -->|defined in| 1fdae683_fcfe_7f32_daab_6a4edc3c6b85
  da178604_a1e6_1104_9d60_daf043f014c9["listen()"]
  3e6d409e_f008_46a7_48f0_1049d30d12da -->|calls| da178604_a1e6_1104_9d60_daf043f014c9
  7494b934_a3b8_689e_91b6_8435e26461c5["render_effect()"]
  3e6d409e_f008_46a7_48f0_1049d30d12da -->|calls| 7494b934_a3b8_689e_91b6_8435e26461c5
  style 3e6d409e_f008_46a7_48f0_1049d30d12da fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/dom/elements/bindings/media.js lines 217–233

export function bind_muted(media, get, set = get) {
	var callback = () => {
		set(media.muted);
	};

	if (get() == null) {
		callback();
	}

	listen(media, ['volumechange'], callback, false);

	render_effect(() => {
		var value = !!get();

		if (media.muted !== value) media.muted = value;
	});
}