これまですべての例で、<script> ブロックには、各コンポーネントインスタンスが初期化される際に実行されるコードが含まれていました。ほとんどのコンポーネントでは、それで十分です。

ごくまれに、個々のコンポーネントインスタンスの外部でコードを実行する必要があります。例として、前の演習のカスタムオーディオプレーヤーに戻ると、4つのトラックすべてを同時に再生できます。1つを再生すると、他のすべてが停止する方が良いでしょう。

これは、<script module> ブロックを宣言することで実現できます。その中に含まれるコードは、コンポーネントがインスタンス化される時ではなく、モジュールが最初に評価される時に一度だけ実行されます。これを AudioPlayer.svelte の先頭に配置します（これは*別の*スクリプトタグです）。

<script module>
	let current;
</script>

これで、コンポーネントは状態管理なしで相互に「対話」できます。

<audio
	src={src}
	bind:currentTime={time}
	bind:duration
	bind:paused
	onplay={(e) => {
		const audio = e.currentTarget;

		if (audio !== current) {
			current?.pause();
			current = audio;
		}
	}}
	onended={() => {
		time = 0;
	}}
/>