bind_buffered() — svelte Function Reference

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

Function javascript ClientRuntime Hydration calls 2

Entity Profile

ClientRuntime→ Hydration→ bind_buffered() — svelte Function Reference

Dependency Diagram

graph TD
  c10e2de5_c38a_e8cd_82a4_51de5313c4cf["bind_buffered()"]
  1fdae683_fcfe_7f32_daab_6a4edc3c6b85["media.js"]
  c10e2de5_c38a_e8cd_82a4_51de5313c4cf -->|defined in| 1fdae683_fcfe_7f32_daab_6a4edc3c6b85
  da178604_a1e6_1104_9d60_daf043f014c9["listen()"]
  c10e2de5_c38a_e8cd_82a4_51de5313c4cf -->|calls| da178604_a1e6_1104_9d60_daf043f014c9
  5e26b95b_cd0a_9cd3_e4fb_a9f31c4eb8da["time_ranges_to_array()"]
  c10e2de5_c38a_e8cd_82a4_51de5313c4cf -->|calls| 5e26b95b_cd0a_9cd3_e4fb_a9f31c4eb8da
  style c10e2de5_c38a_e8cd_82a4_51de5313c4cf fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/dom/elements/bindings/media.js lines 64–82

export function bind_buffered(media, set) {
	/** @type {{ start: number; end: number; }[]} */
	var current;

	// `buffered` can update without emitting any event, so we check it on various events.
	// By specs, `buffered` always returns a new object, so we have to compare deeply.
	listen(media, ['loadedmetadata', 'progress', 'timeupdate', 'seeking'], () => {
		var ranges = media.buffered;

		if (
			!current ||
			current.length !== ranges.length ||
			current.some((range, i) => ranges.start(i) !== range.start || ranges.end(i) !== range.end)
		) {
			current = time_ranges_to_array(ranges);
			set(current);
		}
	});
}