我尝试在我的网站中进行文本到语音转换。
https://www.youtube.com/watch?v=DOtkNxmg9QY
当我单击纳米画廊 2 中的播放(自定义 1( 按钮时，我希望此文本到语音转换。
这个代码的纳米画廊与哈巴狗(home.pug(
script(type='text/javascript'src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js')
link(href='https://unpkg.com/nanogallery2/dist/css/nanogallery2.min.css' rel='stylesheet' type='text/css')
script(type='text/javascript' src='https://unpkg.com/nanogallery2/dist/jquery.nanogallery2.min.js')
#my_nanogallery2(data-nanogallery2=
{
"items": categ,
"itemsBaseURL": "/users/",
"locationHash": false,
"thumbnailWidth": "250",
"thumbnailHeight": "250",
"thumbnailBorderVertical": 4,
"thumbnailBorderHorizontal": 4,
"colorScheme":
{
"thumbnail":
{
"background": 'rgba(97, 152, 253, 1)',
"thumbnailIcon" : { "color": '#FFF'}
}
},
"thumbnailLabel":
{
"position": "onBottom",
"titleFontSize": '1.5em'
},
"thumbnailAlignment": "center",
"thumbnailDisplayTransitionDuration": 0,
"thumbnailDisplayInterval": 3,
"thumbnailHoverEffect2": null,
"thumbnailToolbarImage": { topLeft: 'custom1'},
"thumbnailToolbarAlbum": { topLeft: 'custom1'},
"icons": { thumbnailCustomTool1 : '<i class="fa fa-play-circle" style="font-size:24px"></i>'},
"fnThumbnailToolCustAction": SoundCustom,
"thumbnailOpenImage": false })
此选项为我的纳米画廊添加一个按钮，当我单击按钮时，"声音自定义"功能应该可以工作。
"thumbnailToolbarImage": { topLeft: 'custom1'},
"thumbnailToolbarAlbum": { topLeft: 'custom1'},
"icons": { thumbnailCustomTool1 : '<i class="fa fa-play-circle" style="font-size:24px"></i>'},
"fnThumbnailToolCustAction": SoundCustom,
这是家庭中的"声音自定义"功能.js
function SoundCustom(item){
console.log(item.title);
var text;
text = encodeURIComponent(item.title);
console.log(text);
var url = "http://translate.google.com/translate_tts?tl=en&q=" + text + "&client=tw-ob";
$('audio').attr('src', url).get(0).play();
}
我正在尝试放置控制台日志以查看我是否获得值。但事实证明我一无所获。
当然，按下按钮也没有反应。
此外，当我尝试添加他们在视频中给出的脚本时，它会破坏纳米画廊。
我不知道这是否相关。
谢谢
经过多次尝试..失败的是将值输入到纳米画廊。
"fnThumbnailToolCustAction"： SoundCustom，
自：
"fnThumbnailToolCustAction"： "SoundCustom"，
希望其他人不要落在上面。 👍