bind_volume() — svelte Function Reference

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

Function javascript ClientRuntime Hydration calls 2

Entity Profile

ClientRuntime→ Hydration→ bind_volume() — svelte Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

packages/svelte/src/internal/client/dom/elements/bindings/media.js lines 192–210

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

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

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

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

		if (value !== media.volume && !isNaN(value)) {
			media.volume = value;
		}
	});
}