danoniplus 49.6.0 → 49.6.2

package/js/danoni_main.js

@@ -4,12 +4,12 @@
  * 
  * Source by tickle
  * Created : 2018/10/08
- * Revised : 2026/08/16
+ * Revised : 2026/09/13
  *
  * https://github.com/cwtickle/danoniplus
  */
-const g_version = `Ver 49.6.0`;
-const g_revisedDate = `2026/08/16`;
+const g_version = `Ver 49.6.2`;
+const g_revisedDate = `2026/09/13`;
 
 // カスタム用バージョン (danoni_custom.js 等で指定可)
 let g_localVersion = ``;
@@ -135,6 +135,19 @@ let g_fps = 60;
 // プレイ画面再生時の内部スケジューリング用のマージン時間(100ms)
 let g_scheduleLead = 0.1;
 
+// フレーム進行を音源クロック(AudioContext.currentTime)基準で補正するか
+// - false の場合は従来通り performance.now() 基準で動作
+let g_audioClockSync = true;
+
+// 出力遅延(AudioContext.outputLatency)をタイミング補正に含めるか
+// - true にすると出力デバイス(有線/Bluetooth等)によらず同じAdjustmentが使えるが、
+//   既存のAdjustment設定値と互換性がなくなるため既定は false
+let g_audioLatencyCompensation = false;
+
+// 次フレームまでの待機時間の上限(ms)
+// - 音源クロックが一時的に停止した際に待ち続けないようにするための保険
+let g_maxFrameWait = 50;
+
 // 譜面データの&区切りを有効にするか
 let g_enableAmpersandSplit = true;
 
@@ -2562,6 +2575,7 @@ class AudioPlayer {
 		this._gain = this._context.createGain();
 		this._gain.connect(this._context.destination);
 		this._startTime = 0;
+		this._scheduledTime = 0;
 		this._fadeinPosition = 0;
 		this._eventListeners = {};
 		this.playbackRate = 1;
@@ -2586,17 +2600,25 @@ class AudioPlayer {
 	 * - scheduleLead は安定した再生タイミングを確保するための内部マージン
 	 */
 	play(_adjustmentTime = 0) {
+		// AudioContextの時計は1回だけ読み、以降はその値を使い回す
+		// - currentTimeはレンダークォンタム単位でしか進まないため、複数回読むと
+		//   予約時刻と論理開始時刻が最大1クォンタム分ずれる
+		const ctxNow = this._context.currentTime;
+
 		this._source = this._context.createBufferSource();
 		this._source.buffer = this._buffer;
 		this._source.playbackRate.value = this.playbackRate;
 		this._source.connect(this._gain);
 
 		// 実際の予約時刻（内部スケジューリング用のマージンを含む）
-		const startAt = this._context.currentTime + g_scheduleLead + _adjustmentTime;
+		const startAt = ctxNow + g_scheduleLead + _adjustmentTime;
 		this._source.start(startAt, this._fadeinPosition);
 
 		// ゲーム側の論理的開始時刻（g_scheduleLead を含めない）
-		this._startTime = this._context.currentTime + _adjustmentTime;
+		this._startTime = ctxNow + _adjustmentTime;
+
+		// 実際に音が鳴り始めるAudioContext上の時刻（フレーム同期の基準）
+		this._scheduledTime = startAt;
 	}
 
 	pause() {
@@ -2621,6 +2643,26 @@ class AudioPlayer {
 		return this._context.currentTime - this._startTime + this._fadeinPosition;
 	}
 
+	/** AudioContextの現在時刻(秒) */
+	get contextTime() {
+		return this._context.currentTime;
+	}
+
+	/** 実際に音が鳴り始めるAudioContext上の時刻(秒) */
+	get scheduledTime() {
+		return this._scheduledTime;
+	}
+
+	/** 音が出力デバイスから実際に出るまでの遅延(秒) */
+	get outputLatency() {
+		return this._context.outputLatency || this._context.baseLatency || 0;
+	}
+
+	/** AudioContextの状態(running / suspended / closed) */
+	get contextState() {
+		return this._context.state;
+	}
+
 	set currentTime(_currentTime) {
 		this._fadeinPosition = _currentTime;
 	}
@@ -2708,6 +2750,37 @@ const getSharedAudioContext = () => {
 	return g_sharedAudioContext;
 };
 
+/**
+ * AudioContextのウォームアップ
+ * - 生成直後・resume直後のAudioContextは出力デバイスの起動待ちのため、
+ *   しばらく currentTime が進まない(環境により数十〜数百ms)
+ * - この状態で音源をスケジュールすると、起動に要した時間がそのまま
+ *   音源と譜面のずれになるため、無音を1回鳴らして時計が動き出すまで待つ
+ * @returns {Promise<void>}
+ */
+const warmUpAudioContext = async () => {
+	const ctx = getSharedAudioContext();
+	if (ctx.state !== `running`) {
+		await ctx.resume().catch(() => { });
+	}
+	if (ctx.state !== `running`) {
+		return; // ジェスチャー未取得等でresumeできない場合は何もしない
+	}
+
+	// 無音を1サンプルだけ鳴らして出力デバイスを起動させる
+	const source = ctx.createBufferSource();
+	source.buffer = ctx.createBuffer(1, 1, ctx.sampleRate);
+	source.connect(ctx.destination);
+	source.start();
+
+	// currentTimeが実際に進み始めるまで待機(最大500ms)
+	const baseTime = ctx.currentTime;
+	const limitTime = performance.now() + 500;
+	while (ctx.currentTime === baseTime && performance.now() < limitTime) {
+		await new Promise(resolve => setTimeout(resolve, 10));
+	}
+};
+
 /**
  * クリップボードコピー関数
  * 入力値をクリップボードへコピーし、メッセージを表示
@@ -6222,7 +6295,7 @@ const pauseBGM = () => {
 			g_audioForMS.load();
 		}
 	}
-	[`bgmLooped`, `bgmFadeIn`, `bgmFadeOut`].forEach(id => {
+	[`bgmLooped`, `bgmFadeIn`, `bgmFadeOut`, `bgmRestart`].forEach(id => {
 		if (g_stateObj[id]) {
 			clearTimeout(g_stateObj[id]);
 			g_stateObj[id] = null;
@@ -6347,7 +6420,8 @@ const playBGM = async (_num, _currentLoopNum = g_settings.musicLoopNum) => {
 				g_audioForMS.currentTime = musicStart;
 
 				if (isTitle()) {
-					setTimeout(() => {
+					g_stateObj.bgmRestart = setTimeout(() => {
+						g_stateObj.bgmRestart = null;
 						fadeIn();
 						if (encodeFlg) repeatBGM();
 					}, FADE_DELAY_MS);
@@ -6656,8 +6730,8 @@ const makeWarningWindow = (_text = ``, { resetFlg = false, backBtnUse = false }
  * @param {string} [object._textColor='#000066']
  * @param {string} [object._pointerEvents=C_DIS_NONE]
  */
-const makeInfoWindow = (_text, _animationName = ``, { _backColor = `#ccccff`, _textColor = `#000066`, _pointerEvents = C_DIS_NONE } = {}) => {
-	const lblWarning = setWindowStyle(`<p>${_text}</p>`, _backColor, _textColor, C_ALIGN_CENTER);
+const makeInfoWindow = (_text, _animationName = ``, { _backColor = `#ccccff`, _textColor = `#000066`, _pointerEvents = C_DIS_NONE, _x = g_btnX(), _y = 0 } = {}) => {
+	const lblWarning = setWindowStyle(`<p>${_text}</p>`, _backColor, _textColor, C_ALIGN_CENTER, { _x, _y });
 	lblWarning.style.pointerEvents = _pointerEvents;
 
 	if (_animationName !== ``) {
@@ -10970,7 +11044,7 @@ const keyConfigInit = (_kcType = g_kcType, _initFlg = false) => {
 		kcMsg2.style.fontSize = wUnit(getFontSize2(kcMsg2.textContent, g_btnWidth()));
 		if (_reloadFlg) {
 			colorPickSprite.style.display = isDefault ? C_DIS_NONE : C_DIS_INHERIT;
-			g_keycons.colorCursorNum = g_keycons.colorCursorNum % Math.ceil(g_headerObj.setColor.length / g_limitObj.kcColorPickerNum);
+			g_keycons.colorCursorNum = g_keycons.colorCursorNum % Math.ceil(g_dfColorObj.setColorInit.length / g_limitObj.kcColorPickerNum);
 			changeColorPickers();
 		}
 	};
@@ -10998,14 +11072,14 @@ const keyConfigInit = (_kcType = g_kcType, _initFlg = false) => {
 
 		// ColorPickerの切替
 		createCss2Button(`lnkColorR`, `[${g_keycons.colorCursorNum + 1} /`, () => {
-			g_keycons.colorCursorNum = (g_keycons.colorCursorNum + 1) % Math.ceil(g_headerObj.setColor.length / g_limitObj.kcColorPickerNum);
+			g_keycons.colorCursorNum = (g_keycons.colorCursorNum + 1) % Math.ceil(g_dfColorObj.setColorInit.length / g_limitObj.kcColorPickerNum);
 			changeColorPickers();
 		}, g_lblPosObj.lnkColorR, g_cssObj.button_Start),
 
 		// 矢印の配色をフリーズアローへ反映
 		createCss2Button(`lnkColorCopy`, `↓]`, () => {
 			if (window.confirm(g_msgObj.colorCopyConfirm)) {
-				for (let j = 0; j < g_headerObj.setColor.length; j++) {
+				for (let j = 0; j < g_dfColorObj.setColorInit.length; j++) {
 					g_headerObj.frzColor[j] = g_headerObj[`frzColor${g_colorType}`][j] =
 						fillArray(g_headerObj[`frzColor${g_colorType}`][j].length, g_headerObj[`setColor${g_colorType}`][j]);
 				}
@@ -11176,7 +11250,10 @@ const keyConfigInit = (_kcType = g_kcType, _initFlg = false) => {
 			g_currentk = 0;
 			g_prevKey = 0;
 		}, {
-			...g_lblPosObj.btnKcBack, resetFunc: () => g_moveSettingWindow(false),
+			...g_lblPosObj.btnKcBack, resetFunc: () => {
+				keyconfigKeyboardPreview.dispose();
+				g_moveSettingWindow(false);
+			},
 		}, g_cssObj.button_Back),
 
 		createDivCss2Label(`lblPattern`, `${g_lblNameObj.KeyPattern}: ${g_keyObj.currentPtn === -1 ?
@@ -12208,6 +12285,9 @@ const loadMusic = async () => {
 	}
 
 	if (loadSucceeded) {
+		// 初回プレイ時に出力デバイスの起動待ちでずれるのを防ぐため、
+		// メイン画面へ移行する前にAudioContextを起動させておく
+		await warmUpAudioContext();
 		mainInit(); // 音源・譜面変換双方の完了後にまとめて呼ぶ
 	}
 };
@@ -14964,6 +15044,7 @@ const mainInit = () => {
 	let thisTime;
 	let buffTime;
 	let musicStartTime;
+	let musicStartCtxTime;
 	let musicStartFlg = false;
 
 	g_inputKeyBuffer = {};
@@ -16197,14 +16278,32 @@ const mainInit = () => {
 			}
 
 			// 60fpsから遅延するため、その差分を取って次回のタイミングで遅れをリカバリする
+			// - WebAudioAPI使用時は音源クロック(AudioContext.currentTime)を基準とする
+			//   performance.now()とAudioContextの時計は独立して進むため、後者を基準にしないと
+			//   再生開始時のオフセットずれやsuspend/resumeによるずれを吸収できない
 			thisTime = performance.now();
 			buffTime = 0;
-			if (g_audio instanceof AudioPlayer || currentFrame >= musicStartFrame) {
+			let holdFrame = false;
+
+			if (g_audio instanceof AudioPlayer && g_audioClockSync && musicStartCtxTime !== undefined) {
+				if (g_audio.contextState === `running`) {
+					buffTime = (g_audio.contextTime - musicStartCtxTime) * 1000
+						- (currentFrame - musicStartFrame) * 1000 / g_fps;
+				} else {
+					// AudioContext停止中は音源も止まっているため、フレーム進行も止めて復帰を待つ
+					getSharedAudioContext(); // suspended時はresumeを試行
+					holdFrame = true;
+				}
+			} else if (g_audio instanceof AudioPlayer || currentFrame >= musicStartFrame) {
 				buffTime = (thisTime - musicStartTime - (currentFrame - musicStartFrame) * 1000 / g_fps);
 			}
-			g_scoreObj.frameNum++;
-			g_scoreObj.baseFrame++;
-			g_timeoutEvtId = setTimeout(flowTimeline, 1000 / g_fps - buffTime);
+
+			if (!holdFrame) {
+				g_scoreObj.frameNum++;
+				g_scoreObj.baseFrame++;
+			}
+			g_timeoutEvtId = setTimeout(flowTimeline, holdFrame ? g_maxFrameWait :
+				Math.min(Math.max(1000 / g_fps - buffTime, 0), g_maxFrameWait));
 		}
 	};
 	safeExecuteCustomHooks(`g_skinJsObj.main`, g_skinJsObj.main);
@@ -16217,6 +16316,11 @@ const mainInit = () => {
 		const musicStartAdjustment = (g_headerObj.blankFrame - g_stateObj.decimalAdjustment + 1) / g_fps;
 		musicStartTime = performance.now() + (musicStartAdjustment + g_scheduleLead) * 1000;
 		g_audio.play(musicStartAdjustment);
+
+		// 音源クロック基準の開始時刻(フレーム進行の基準)
+		// - g_audioLatencyCompensationが有効な場合は出力遅延分だけ表示を後ろへずらす
+		musicStartCtxTime = g_audio.scheduledTime
+			+ (g_audioLatencyCompensation ? g_audio.outputLatency : 0);
 	}
 
 	g_timeoutEvtId = setTimeout(flowTimeline, 1000 / g_fps);
@@ -17859,15 +17963,20 @@ const resultInit = () => {
 			} else {
 				// Canvas の内容を PNG 画像として取得
 				canvas.toBlob(async blob => {
-					await navigator.clipboard.write([
-						new ClipboardItem({
-							'image/png': blob
-						})
-					]);
+					try {
+						if (blob === null) {
+							throw new Error(`Failed to create result image blob.`);
+						}
+						await navigator.clipboard.write([
+							new ClipboardItem({ 'image/png': blob })
+						]);
+						tmpDiv.removeChild(canvas);
+						divRoot.removeChild(tmpDiv);
+						makeInfoWindow(_msg, `leftToRightFade`);
+					} catch {
+						viewResultImage();
+					}
 				});
-				tmpDiv.removeChild(canvas);
-				divRoot.removeChild(tmpDiv);
-				makeInfoWindow(_msg, `leftToRightFade`);
 			}
 
 		} catch (err) {

package/js/lib/danoni_constants.js

@@ -5,7 +5,7 @@
  *
  * Source by tickle
  * Created : 2019/11/19
- * Revised : 2026/08/16 (v49.6.0)
+ * Revised : 2026/09/13 (v49.6.2)
  *
  * https://github.com/cwtickle/danoniplus
  */
@@ -1221,6 +1221,7 @@ const g_stateObj = {
     bgmLooped: null,
     bgmFadeIn: null,
     bgmFadeOut: null,
+    bgmRestart: null,
     bgmTimeupdateEvtId: null,
     bgmMuteFlg: false,
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "danoniplus",
-  "version": "49.6.0",
+  "version": "49.6.2",
   "description": "Dancing☆Onigiri (CW Edition) - Web-based Rhythm Game",
   "main": "./js/danoni_main.js",
   "jsdelivr": "./js/danoni_main.js",