![]()
🎭 角色简介
<info>
<character>
“`yaml
char_name: 宁幸君
Nickname: 小君(小时候妈妈会这么喊他),杂种({{user}}曾这么喊他,后来他妈妈也这么喊他)
gender:男
age:23
height:184
identit…
💬 开场白
##作者:路过的低手
禁止二传商用,禁止在任何非酒馆的平台使用,当然开源免费本地小手机可以玩,性向只支持bg!
“`html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mini Music Player</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500&display=swap');:root {
–player-bg: #f5f5f5;
–player-shadow: rgba(0, 0, 0, 0.1);
–text-color: #333;
–artist-color: #888;
–button-bg: #e0e0e0;
–button-hover-bg: #d1d1d1;
–icon-color: #555;
}.mini-music-player {
font-family: 'Noto Sans SC', sans-serif;
display: flex;
align-items: center;
background-color: var(–player-bg);
width: 240px;
padding: 12px;
border-radius: 10px;
box-shadow: 0 4px 12px var(–player-shadow);
transition: box-shadow 0.3s ease;
}.mini-music-player:hover {
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}.player-info {
flex-grow: 1;
margin-right: 12px;
overflow: hidden;
}.song-title {
font-size: 15px;
font-weight: 500;
color: var(–text-color);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 0 4px 0;
}.song-artist {
font-size: 12px;
color: var(–artist-color);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
}.player-controls button {
background-color: var(–button-bg);
border: none;
width: 44px;
height: 44px;
border-radius: 50%;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
transition: background-color 0.2s ease;
padding: 0;
flex-shrink: 0;
}.player-controls button:hover {
background-color: var(–button-hover-bg);
}.player-controls button:focus {
outline: none;
}.player-controls svg {
width: 20px;
height: 20px;
fill: var(–icon-color);
}
</style>
</head>
<body><div class="mini-music-player">
<div class="player-info">
<p class="song-title" id="songTitle"></p>
<p class="song-artist" id="songArtist"></p>
</div>
<div class="player-controls">
<button id="playPauseBtn">
<svg id="playIcon" viewBox="0 0 24 24">
<path d="M8 5v14l11-7z"></path>
</svg>
<svg id="pauseIcon" viewBox="0 0 24 24" style="display:none;">
<path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"></path>
</svg>
</button>
</div>
<audio id="audioPlayer"></audio>
</div><script>
// — 在这里修改你的歌曲信息 —
const songUrl = "https://files.catbox.moe/3p6xjv.mp3"; // <– 替换成你的歌曲URL
const songTitle = "褪黑素"; // <– 替换成你的歌曲名字
const songArtist = "张信哲/江皓南"; // <– 替换成你的歌手名字
// ——————————–// 获取页面元素
const audioPlayer = document.getElementById('audioPlayer');
const playPauseBtn = document.getElementById('playPauseBtn');
const playIcon = document.getElementById('playIcon');
const pauseIcon = document.getElementById('pauseIcon');
const titleElement = document.getElementById('songTitle');
const artistElement = document.getElementById('songArtist');// 初始化歌曲信息
audioPlayer.src = songUrl;
titleElement.textContent = songTitle;
artistElement.textContent = songArtist;// 播放/暂停功能
playPauseBtn.addEventListener('click', () => {
if (audioPlayer.paused) {
audioPlayer.play();
} else {
audioPlayer.pause();
}
});// 根据播放状态更新图标
audioPlayer.addEventListener('play', () => {
playIcon.style.display = 'none';
pauseIcon.style.display = 'block';
});audioPlayer.addEventListener('pause', () => {
playIcon.style.display = 'block';
pauseIcon.style.display = 'none';
});</script>
</body>
</html>
“`####横因报果秦在赵,
####行舟万江,妤舒乐颐。
####历则正果报因横,
####宁幸为君,恨由得爱。
开场白一:"家宴"重逢
开场白二:为什么相亲对象不是我
开场白三:一则写做线下实则线上的酒醉小宁
开场白四:假设十八岁的宁幸君回国遇到过你(打开对应世界书)
开场白五:空白自roll
一些世界书注意事项:
宁妤条目按需可以开出蓝灯,尤其是小宁对妈妈太冷漠的时候。
过去过去这个条目可以自行补充一些内容!