Day17/speech/templates/index.html · ForkProject/从零学Python

代码拉取完成,页面将自动刷新

扫描微信二维码支付

取消

支付完成

richgiteeai

Watch

不关注关注所有动态仅关注版本发行动态关注但不提醒动态

1 Star 0 Fork 2.5K

ForkProject/从零学Python

forked from 小柒2012商城/从零学Python

代码 Issues 0 Pull Requests 0 Wiki 统计流水线

服务

加入 Gitee

与超过 1400万开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)

免费加入

已有帐号? 立即登录

文件

master

分支 (2)

管理

master

备份

克隆/下载

HTTPS SSH SVN SVN+SSH 下载ZIP

提示

下载代码请复制以下命令到终端执行

为确保你提交的代码身份被 Gitee 正确识别,请执行以下命令完成配置

git config --global user.name userName 
git config --global user.email userEmail

初次使用 SSH 协议进行代码克隆、推送等操作时,需按下述提示完成 SSH 配置

1 生成 RSA 密钥

2 获取 RSA 公钥内容,并配置到 SSH公钥中

在 Gitee 上使用 SVN,请访问使用指南

使用 HTTPS 协议时,命令行会出现如下账号密码验证步骤。基于安全考虑,Gitee 建议配置并使用私人令牌替代登录密码进行克隆、推送等操作

Username for 'https://gitee.com': userName

Password for 'https://userName@gitee.com': # 私人令牌

分支 2

标签 0

Python

Day17

speech

templates

index.html

index.html 3.26 KB

<!DOCTYPE html>
<html lang="en">
<head>
 <title>语音播报</title>
 <meta charset="utf-8">
 <script type="text/javascript" src="static/js/jquery-1.10.2.min.js"></script>
 <script type="text/javascript" src="static/iview/vue.min.js"></script>
 <link rel="stylesheet" href="static/iview/iview.css">
 <link rel="stylesheet" href="static/css/index.css">
 <link rel="shortcut icon" href="static/image/favicon.ico">
 <script type="text/javascript" src="static/iview/iview.min.js"></script>
 <script>
 $(function () {
 var vm = new Vue({
 el: '#app',
 data:{
 switch1: false,
 title:'百度语音合成',
 message: '当一个代码的工匠回首往事时,不因虚度年华而悔恨,也不因碌碌无为而羞愧,这样,当他老的时候,可以很自豪告诉世人,我曾经将代码注入生命去打造互联网的浪潮之巅,那是个很疯狂的时代,我在一波波的浪潮上留下了或重如泰山或轻如鸿毛的几笔。'
 },
 methods: {
 convert: function () {
 if(vm.message===""){vm.open("请输入文字");return}
 $.ajax({
 url : "convert/",
 async : false,
 type : 'post',
 data : {'time' : (new Date()).toString(),'message':vm.message,'switch':vm.switch1},
 success : function(result) {
 $("#audio").attr("src","static/audio/"+result);
 document.getElementById("audio").play();
 },
 error : function() {
 alert("网络异常");
 }
 });
 },open: function (nodesc) {
 this.$Notice.open({
 title: '温馨提示',
 desc: nodesc
 });
 },reset : function(){
 vm.message="";
 }
 }
 });
 });
 </script>
</head>
<body>
<div id="app" v-cloak>
	<div>
		<h1 v-text="title"></h1>
		<i-input v-model="message" maxlength="200" type="textarea" :autosize="{minRows: 8,maxRows: 20}" placeholder="请输入..."></i-input>
	</div>
	<div style="margin-top:10px;">
 <i-switch v-model="switch1" size="large">
 <span slot="open">男声</span>
 <span slot="close">女声</span>
 </i-switch>
	 <i-button @click="convert" type="primary">合成播放</i-button>

<i-button @click="reset" type="primary">重置</i-button>
	</div>

<Panel name="1">
 但行好事莫问前程
 <p slot="content">
 <img src="static/image/wechat.png"/>
 </p>
 </Panel>
 </Collapse>
 </template>
 </div>
	<div style="display: none">
	 <audio id="audio" controls="controls" ></audio>
	</div>
</div>
</body>
</html>

一键复制编辑原始数据按行查看历史

小柒2012商城提交于 2019年03月13日 19:31 +08:00 . 在线百度语音播报

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84

<!DOCTYPE html>
<html lang="en">
<head>
 <title>语音播报</title>
 <meta charset="utf-8">
 <script type="text/javascript" src="static/js/jquery-1.10.2.min.js"></script>
 <script type="text/javascript" src="static/iview/vue.min.js"></script>
 <link rel="stylesheet" href="static/iview/iview.css">
 <link rel="stylesheet" href="static/css/index.css">
 <link rel="shortcut icon" href="static/image/favicon.ico">
 <script type="text/javascript" src="static/iview/iview.min.js"></script>
 <script>
 $(function () {
 var vm = new Vue({
 el: '#app',
 data:{
 switch1: false,
 title:'百度语音合成',
 message: '当一个代码的工匠回首往事时,不因虚度年华而悔恨,也不因碌碌无为而羞愧,这样,当他老的时候,可以很自豪告诉世人,我曾经将代码注入生命去打造互联网的浪潮之巅,那是个很疯狂的时代,我在一波波的浪潮上留下了或重如泰山或轻如鸿毛的几笔。'
 },
 methods: {
 convert: function () {
 if(vm.message===""){vm.open("请输入文字");return}
 $.ajax({
 url : "convert/",
 async : false,
 type : 'post',
 data : {'time' : (new Date()).toString(),'message':vm.message,'switch':vm.switch1},
 success : function(result) {
 $("#audio").attr("src","static/audio/"+result);
 document.getElementById("audio").play();
 },
 error : function() {
 alert("网络异常");
 }
 });
 },open: function (nodesc) {
 this.$Notice.open({
 title: '温馨提示',
 desc: nodesc
 });
 },reset : function(){
 vm.message="";
 }
 }
 });
 });
 </script>
</head>
<body>
<div id="app" v-cloak>
	<div>
		<h1 v-text="title"></h1>
		<i-input v-model="message" maxlength="200" type="textarea" :autosize="{minRows: 8,maxRows: 20}" placeholder="请输入..."></i-input>
	</div>
	<div style="margin-top:10px;">
 <i-switch v-model="switch1" size="large">
 <span slot="open">男声</span>
 <span slot="close">女声</span>
 </i-switch>
	 <i-button @click="convert" type="primary">合成播放</i-button>

 <i-button @click="reset" type="primary">重置</i-button>
	</div>

 <div style="margin-top:10px;">
 <template>
 <Collapse>

 <Panel name="1">
 但行好事莫问前程
 <p slot="content">
 <img src="static/image/wechat.png"/>
 </p>
 </Panel>
 </Collapse>
 </template>
 </div>
	<div style="display: none">
	 <audio id="audio" controls="controls" ></audio>
	</div>
</div>
</body>
</html>