'; var styleel=''; $('body').prepend(styleel); $('body').prepend(dialogel); $('#wpshare-weixin_qrcode .weixin_popup_close').click(function(){ $('#wpshare-weixin_qrcode').hide(); }) var showonce=false; $('#wpshare-weixin_qrcode img').load(function(){ if(showonce) return; $('#wpshare-weixin_qrcode').show(); showonce=true; }) setTimeout(function(){if(showonce){return;}$('#wpshare-weixin_qrcode').show();showonce=true;},3000); $('#wpshare-weixin_qrcode img').prop('src','https://static.ysjianzhan.cn/website/qr/index.php?url='+encodeURIComponent(cur_url)); }else{ $('#wpshare-weixin_qrcode').show(); } return; }else if(flag == 2){ shareIcon = 'sinaminiblog'; var url="https://service.weibo.com/share/share.php?url="+encodeURIComponent(cur_url)+"&title="+encodeURIComponent(title)+"&content=utf-8"; window.open(url,"","height=600,width=800,top=100,left=100,screenX=100,screenY=100,scrollbars=yes,resizable=yes"); return; }else if(flag == 3){ shareIcon = 'qzone'; var url="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url="+encodeURIComponent(cur_url)+"&title="+encodeURIComponent(title)+"&desc=&summary="; window.open(url,"","height=600,width=800,top=100,left=100,screenX=100,screenY=100,scrollbars=yes,resizable=yes"); return; }else if(flag == 4){ shareIcon = 'douban'; var url="https://www.douban.com/share/service?url="+encodeURIComponent(cur_url)+"&name="+encodeURIComponent(title)+"&text="; window.open(url,"","height=600,width=800,top=100,left=100,screenX=100,screenY=100,scrollbars=yes,resizable=yes"); return; }else if(flag == 5){ shareIcon = 'twitter'; var url="http://twitter.com/share?url=" + encodeURIComponent(cur_url) + "&text=" + encodeURIComponent(title) + "&display=popup&ref=plugin&src=share_button"; window.open(url,"","height=600,width=800,top=100,left=100,screenX=100,screenY=100,scrollbars=yes,resizable=yes"); return; }else if(flag == 6){ shareIcon = 'facebook'; var url="https://m.facebook.com/sharer/sharer.php?u=" + encodeURIComponent(cur_url) + "&description=&title=" + encodeURIComponent(title) + "&display=popup&ref=plugin&src=share_button"; window.open(url,"","height=600,width=800,top=100,left=100,screenX=100,screenY=100,scrollbars=yes,resizable=yes"); return; } bShare.share(event,shareIcon,0); $(that).css({'color':'#a6a6a6'}); return false; } $(function(){ var alldefers=[]; var supportimgs=[]; var imgsrcs = []; $("#layer56AE5C3C3C2981212F2CA5CB4C3911B7").find('.artview_content img').each(function(i){ var deferred=new $.Deferred() var imgsrc=$(this).prop('src'); console.log('imgsrc',imgsrc); var img=new Image(); img.onload=function(){ if(img.width>300){ supportimgs.push(imgsrc); imgsrcs.push(imgsrc); } } img.onerror=function(){} img.src=imgsrc; alldefers.push(deferred); }) $("#layer56AE5C3C3C2981212F2CA5CB4C3911B7").find('.artview_content img').filter(function(){ if($(this).closest('a').length>0) return false; return true; }).click(function(){ var imgsrc=$(this).prop('src'); if($.inArray(imgsrc,supportimgs)==-1) return; var obj = { urls : imgsrcs, current : imgsrc }; previewImage.start(obj); }) // ============ 移动端语音合成专用方案 ============ const synth = window.speechSynthesis; let voices = []; let isVoicesLoaded = false; let isSpeechInitialized = false; let pendingText = null; let retryCount = 0; const MAX_RETRY = 10; // 1. 移动端语音初始化（必须在使用者手势中调用） function initSpeechSynthesis() { if (isSpeechInitialized) return true; try { console.log('🔧 初始化语音引擎...'); // 加载语音列表 voices = synth.getVoices(); // 如果语音列表为空，等待加载 if (voices.length === 0) { console.log('⏳ 等待语音加载...'); if (speechSynthesis.onvoiceschanged !== undefined) { speechSynthesis.onvoiceschanged = function() { voices = synth.getVoices(); if (voices.length > 0) { isVoicesLoaded = true; console.log('✅ 语音加载完成，共', voices.length, '个语音'); } }; } // 强制尝试加载 setTimeout(() => { voices = synth.getVoices(); if (voices.length > 0) { isVoicesLoaded = true; console.log('✅ 语音加载完成（延迟），共', voices.length, '个语音'); } }, 500); } else { isVoicesLoaded = true; console.log('✅ 语音已就绪，共', voices.length, '个语音'); } // 关键：播放一个极短的音频来激活语音引擎 try { const silentUtterance = new SpeechSynthesisUtterance(' '); silentUtterance.volume = 0; silentUtterance.rate = 0.1; silentUtterance.lang = 'zh-CN'; synth.speak(silentUtterance); // 立即取消，只为了激活引擎 setTimeout(() => { if (synth.speaking) { synth.cancel(); } isSpeechInitialized = true; console.log('✅ 语音引擎已激活'); // 如果有待朗读的文本，执行朗读 if (pendingText) { console.log('📢 执行待朗读文本'); speakText(pendingText); pendingText = null; } }, 100); return true; } catch (e) { console.error('激活语音引擎失败:', e); // 即使失败也标记为已初始化，让后续尝试 isSpeechInitialized = true; return false; } } catch (e) { console.error('初始化语音失败:', e); return false; } } // 2. 移动端专用语音加载 function loadVoicesForMobile() { return new Promise((resolve) => { if (voices.length > 0) { isVoicesLoaded = true; resolve(voices); return; } // 尝试多次加载 let attempts = 0; const maxAttempts = 20; const checkVoices = () => { voices = synth.getVoices(); attempts++; if (voices.length > 0) { isVoicesLoaded = true; console.log('✅ 语音加载成功，共', voices.length, '个'); resolve(voices); return; } if (attempts >= maxAttempts) { console.warn('⚠️ 语音加载超时'); resolve([]); return; } setTimeout(checkVoices, 200); }; // 监听语音变化事件 if (speechSynthesis.onvoiceschanged !== undefined) { speechSynthesis.onvoiceschanged = function() { voices = synth.getVoices(); if (voices.length > 0) { isVoicesLoaded = true; resolve(voices); } }; } checkVoices(); }); } // 3. 核心朗读函数（移动端优化） async function speakText(text) { if (!text || text.trim() === "") { alert("没有发现可朗读的文本！"); return false; } // 清理文本 const cleanText = text.replace(/\s+/g, ' ').trim(); if (!cleanText) { alert("文本内容为空！"); return false; } console.log('📝 准备朗读，文本长度:', cleanText.length); // 如果语音引擎未初始化，先初始化 if (!isSpeechInitialized) { console.log('⏳ 语音引擎未初始化，尝试初始化...'); pendingText = cleanText; const initResult = initSpeechSynthesis(); if (!initResult) { // 如果初始化失败，提示用户 alert('请点击页面任意位置激活语音功能'); return false; } // 等待初始化完成 await new Promise(resolve => setTimeout(resolve, 300)); // 如果pendingText还在，说明init中已处理 if (pendingText === cleanText) { // 但如果init没处理好，这里再次尝试 pendingText = null; return speakText(cleanText); } return true; } // 确保语音已加载 if (!isVoicesLoaded || voices.length === 0) { console.log('⏳ 等待语音加载...'); await loadVoicesForMobile(); if (voices.length === 0) { console.warn('⚠️ 无可用语音，采用默认'); } } // 取消正在进行的朗读 try { if (synth.speaking) { synth.cancel(); await new Promise(resolve => setTimeout(resolve, 100)); } } catch (e) { console.warn('取消朗读失败:', e); } try { const utterance = new SpeechSynthesisUtterance(cleanText); // 移动端优化参数 utterance.lang = 'zh-CN'; utterance.rate = 0.8; // 移动端稍微慢一点 utterance.pitch = 1; utterance.volume = 1; // 选择最佳中文语音（移动端改进） let selectedVoice = null; // 移动端常见中文语音 const mobileVoiceKeywords = [ 'Xiaoxiao', 'Microsoft', 'Google', 'Huihui', 'Yating', 'Mei-Jia', 'Kangkang', 'Ting-Ting', 'Chinese', 'Mandarin', 'Zhongwen' ]; // 1. 尝试匹配高质量中文语音 for (const keyword of mobileVoiceKeywords) { selectedVoice = voices.find(voice => voice.lang.includes('zh') && voice.name.includes(keyword) ); if (selectedVoice) break; } // 2. 如果没找到，找任意中文语音 if (!selectedVoice) { selectedVoice = voices.find(voice => voice.lang.includes('zh') || voice.lang.includes('CN') || voice.lang.includes('TW') || voice.lang.includes('HK') ); } // 3. 如果还是没有，尝试找任何可用的语音 if (!selectedVoice && voices.length > 0) { // 优先选择非英文的语音 selectedVoice = voices.find(voice => !voice.lang.startsWith('en')) || voices[0]; console.warn('使用备选语音:', selectedVoice?.name); } if (selectedVoice) { utterance.voice = selectedVoice; console.log(`✅ 采用语音: ${selectedVoice.name} (${selectedVoice.lang})`); } else { console.warn('⚠️ 未找到合适语音，使用系统默认'); } // 事件监听 return new Promise((resolve, reject) => { utterance.onstart = function() { console.log('📢 开始朗读...'); resolve(true); }; utterance.onend = function() { console.log('✅ 朗读结束'); resolve(true); }; utterance.onerror = function(event) { console.error('❌ 朗读错误:', event); // 移动端错误处理 if (event.error === 'not-allowed') { alert('请允许浏览器采用语音功能'); reject(false); } else if (event.error === 'synthesis-unavailable') { console.log('语音不可用，尝试重新初始化...'); isSpeechInitialized = false; // 延迟重试 setTimeout(() => { initSpeechSynthesis(); setTimeout(() => speakText(cleanText), 300); }, 200); reject(false); } else if (event.error === 'canceled') { console.log('朗读被取消'); resolve(false); } else { // 其他错误，尝试重新初始化 isSpeechInitialized = false; reject(false); } }; // 执行朗读 synth.speak(utterance); console.log('🎯 朗读指令已发送'); }); } catch (e) { console.error('朗读异常:', e); // 出错时重置状态 isSpeechInitialized = false; alert('朗读功能异常，请点击页面任意位置重试'); return false; } } // 4. 移动端手势初始化（关键） function setupMobileGesture() { let gestureCount = 0; const maxGestures = 3; const handleUserGesture = function(event) { gestureCount++; console.log(`👆 检测到用户手势 #${gestureCount}`); // 每次用户交互都尝试初始化 if (!isSpeechInitialized) { initSpeechSynthesis(); } else if (voices.length === 0) { loadVoicesForMobile(); } // 如果已经处理了足够多的手势，移除监听 if (gestureCount >= maxGestures) { document.removeEventListener('click', handleUserGesture); document.removeEventListener('touchstart', handleUserGesture); console.log('✅ 手势监听已完成'); } }; // 监听多种用户手势 document.addEventListener('click', handleUserGesture); document.addEventListener('touchstart', handleUserGesture); document.addEventListener('touchend', handleUserGesture); console.log('👆 已设置手势监听，等待采用者交互'); } // 5. 暂停功能（移动端优化） document.getElementById('pause').addEventListener('click', function(e) { e.preventDefault(); try { if (synth.speaking) { synth.pause(); console.log('⏸️ 已暂停朗读'); } else { console.log('当前没有正在朗读的内容'); } } catch (err) { console.error('暂停失败:', err); } }); // 6. 继续功能（移动端改进） document.getElementById('resume').addEventListener('click', function(e) { e.preventDefault(); try { if (synth.paused) { synth.resume(); console.log('▶️ 持续朗读'); } else { console.log('当前没有暂停的朗读'); } } catch (err) { console.error('继续失败:', err); } }); // 7. 朗读按钮（移动端核心） document.getElementById('read_txt').addEventListener('click', async function(e) { e.preventDefault(); e.stopPropagation(); if (!('speechSynthesis' in window)) { alert('你的浏览器不支持语音合成功能'); return; } console.log('🔘 点击朗读按钮（移动端）'); // 获取内容 try { const article1 = document.querySelector('#layer56AE5C3C3C2981212F2CA5CB4C3911B7 .artview_intro'); const article2 = document.querySelector('#layer56AE5C3C3C2981212F2CA5CB4C3911B7 .artview_detail'); let content = ''; if (article1) content += article1.innerText; if (article2) content += article2.innerText; content = content.replace(/\s+/g, ' ').trim(); console.log('📝 提取内容长度:', content.length); if (!content) { alert('没有找到可朗读的文本内容！'); return; } // 关键：先初始化语音 if (!isSpeechInitialized) { console.log('🔄 首次采用，初始化语音...'); const initResult = initSpeechSynthesis(); // 给初始化一些时间 await new Promise(resolve => setTimeout(resolve, 500)); // 如果还没初始化成功，提示用户 if (!isSpeechInitialized) { alert('请再次点击朗读按钮以激活语音功能'); return; } } // 执行朗读 await speakText(content); } catch (error) { console.error('处理失败:', error); alert('操作失败，请重试'); } }); // 8. 页面加载时设置 document.addEventListener('DOMContentLoaded', function() { console.log('📱 移动端语音功能已加载'); // 设置手势监听 setupMobileGesture(); // 预加载语音 setTimeout(() => { loadVoicesForMobile(); }, 1000); }); // 9. 页面可见性变化处理 document.addEventListener('visibilitychange', function() { if (document.hidden) { // 页面隐藏时暂停朗读 if (synth.speaking) { synth.pause(); console.log('⏸️ 页面隐藏，暂停朗读'); } } else { // 页面可见时，尝试重新初始化（如果需要） if (!isSpeechInitialized) { console.log('📱 页面可见，检查语音状态'); // 不要自动初始化，等待用户交互 } } }); // 10. 调试信息 console.log('📱 移动端语音调试信息:'); console.log(' - 语音初始化状态:', isSpeechInitialized); console.log(' - 语音列表数量:', voices.length); console.log(' - 可用命令:'); console.log(' initSpeechSynthesis() - 初始化语音'); console.log(' speakText("文本") - 朗读文本'); console.log(' synth.getVoices() - 查看语音列表'); });