将文本转为语音是常见的需求,这里通过接口实现文字,文本转语音的功能,可支持
效果,支持,音调,语速,音量和各种角色的选取既有普通语音也有精品语音可选
竹小美 竹小宇 竹逍遥(基础) 竹丫丫
竹逍遥(精品) 竹小鹿 竹博文 竹小童 竹小萌 竹米朵 竹小娇
在线demo地址
小音竹 - 在线文本转语音 (toolxq.com)https://zuowen.toolxq.com/front/ai/text2sound
效果图
前端代码展示:
<form class="form-signin">
<div class="form-group">
<label>要转换的文本</label>
<textarea id="text" class="form-control"></textarea>
<button class="btn btn-success" type="button" onclick="text2sound()">转语音</button>
</div>
<div class="form-group" id="resultDiv" style="display: none;">
<label>转换结果</label>
<audio controls id="fry_audio">
<source id="result" src="" type="audio/mpeg">
您的浏览器不支持该音频格式。
</audio>
<a class="btn btn-success" id="downloadBtn" href="">下载音频</a>
</div>
<div class="form-group">
<label>普通发音</label>
<div>
<div class="radio-inline">
<input name="per" type="radio" value="0" checked> 竹小美
</div>
<div class="radio-inline">
<input name="per" type="radio" value="1"> 竹小宇
</div>
<div class="radio-inline">
<input name="per" type="radio" value="3"> 竹逍遥(基础)
</div>
<div class="radio-inline">
<input name="per" type="radio" value="4"> 竹丫丫
</div>
</div>
</div>
<div class="form-group">
<label>精品发音</label>
<div>
<div class="radio-inline">
<input name="per" type="radio" value="5003"> 竹逍遥(精品)
</div>
<div class="radio-inline">
<input name="per" type="radio" value="5118"> 竹小鹿
</div>
<div class="radio-inline">
<input name="per" type="radio" value="106"> 竹博文
</div>
<div class="radio-inline">
<input name="per" type="radio" value="110"> 竹小童
</div>
<div class="radio-inline">
<input name="per" type="radio" value="111"> 竹小萌
</div>
<div class="radio-inline">
<input name="per" type="radio" value="103"> 竹米朵
</div>
<div class="radio-inline">
<input name="per" type="radio" value="5"> 竹小娇
</div>
</div>
</div>
<div class="form-group">
<label>语速</label>
<input name="spd" type="number" id="spd" class="form-control" style="display: inline;width: auto" value="5">(取值0-9,默认为5中语速)
</div>
<div class="form-group">
<label>音调</label>
<input name="pit" type="number" id="pit" class="form-control" style="display: inline;width: auto" value="5">(取值0-9,默认为5中语调)
</div>
<div class="form-group">
<label>音量</label>
<input name="vol" type="number" id="vol" class="form-control" style="display: inline;width: auto" value="5">(取值0-15,默认为5中音量(取值为0时为音量最小值,并非为无声))
</div>
</form>