草庐IT

text-to-html

全部标签

javascript - 如何在 html5/JS 中只预加载音频文件的一部分?

我在一个网页中有多个音频文件。我希望它们都准备好在页面加载后立即播放,但一次完全预加载它们太重且无用。因此,我只想预加载一定数量的音频并加载其余的,前提是它们已播放(类似于我们在YouTube示例中看到的行为)。如何在HTML5页面上执行此操作(可能使用Javascript)? 最佳答案 您可以尝试一些hacky,例如在onload监听器中播放文件的前10%。但是,根据经验,我发现浏览器无论如何只会预加载音频内容的开头。(如果他们预加载任何东西:例如iOS,移动版chrome都拒绝预加载。)例如,在Firefox中,您可以检查HTT

javascript - Html2canvas for each div export to pdf separately

我有Page,它有6个具有相同类名“exportpdf”的div,我正在使用jspdf和html2canvas将这些div转换为pdfvarelementTobePrinted=angular.element(attrs.selector),iframeBody=elementTobePrinted.contents().find('div.exportpdf');在html2canvas中......html2canvas(elementTobePrinted,{onrendered:function(canvas){vardoc=newjsPDF();for(vari=1;i我将页

javascript - Angularjs 使用 ui-sref 链接将 html 添加到变量

我有以下将html添加到变量的代码。但是,当它显示在页面上时,链接不起作用。动态插入ui-sref链接的最佳方法是什么?JavaScript.controller('page',function($scope,$rootScope,$http,$state,$sce){$scope.message=$sce.trustAsHtml('Aloginlink');})HTML 最佳答案 有aworkingplunker我会说,我们可以结合使用:$state.href()(文档here)和ng-href(文档here)(但仅在传递的参数是

javascript - 使用 grunt 进行 Angular 缩小会导致 'Failed to instantiate module' 错误

我知道设置Controller、服务、模型等来准备缩小。我有大约20个Controller、模型和服务作为单独的文件,我想将它们全部缩小并连接到一个JS文件中以用于生产。为了了解我是如何设置这些文件的,这里有一个例子:VforumJS.controller('MainController',['$scope','$location','$sce','MainModel','LogModel','MainDebug','timecode','Idle',function($scope,$location,$sce,MainModel,LogModel,MainDebug,timecode

javascript - angularjs 创建/导出 html View 为 pdf

我正在使用bootstrap创建模态窗口,在这个窗口中我有一些信息、一些表格和文本区域,是否可以从这个.html模态视图创建一个.pdf文件?我查看了FileSaver,但这只适用于下载表格,我想要的几乎就像模态窗口的打印屏幕。 最佳答案 使用html2canvas将html隐藏到Canvas中然后使用jsPdf转换为pdf。这是例子fiddle像这样DownloadPdfhtml2canvas($("#canvas"),{onrendered:function(canvas){varimgData=canvas.toDataURL

javascript - 为什么 html5-video 事件 timeupdate 在 Chrome 浏览器上触发两次?

html5-video事件timeupdate在Chrome浏览器上触发两次。重现步骤:运行代码Updatetime$(document).ready(function(){varvid=document.getElementById("video")vid.addEventListener("timeupdate",timeUpdate,false);$("#button").on("click",buttonClick);functiontimeUpdate(e){console.log("timeUpdate");}functionbuttonClick(e){console.l

javascript - Chrome 没有在我的 PWA 中显示 "add to homescreen"

我关注了Google的firstPWAtutorial并创建了我自己的项目https://my-pwa-77d8a.firebaseapp.com.一切看起来都很好:该项目有一个manifest.json文件我在Firebase上使用HTTPS密码为标签我的manifest.json文件包含:图标规范、名称、短名称、start_url我使用Vue.js作为我的主要框架,其余的都是用vanillaJS构建的serviceworker已设置并正常运行控制台没有显示错误list.json{"short_name":"PizzaApp","name":"MydeliciousPWA","ico

javascript - 从 JS 文件将 Chart.js 折线图添加到 Jinja2/Flask html 页面

我在一个显示Chart.js折线图的简单Bootstraphtml文件中有以下代码。包含图表设置的js文件如下所示:$(window).on("load",function(){varctx=$("#line-chart");varchartOptions={responsive:true,maintainAspectRatio:false,legend:{position:'bottom',},hover:{mode:'label'},scales:{xAxes:[{display:true,gridLines:{color:"#f3f3f3",drawTicks:false,},s

javascript - 如何通过 Content-Security-Policy 允许 `javascript:void(0)` 在 HTML 元素属性中使用?

我希望能够做到或确保即使处理程序未能阻止默认操作也不会发生任何事情。我应该如何声明允许使用Content-Security-PolicyHTTP响应header而不求助于unsafe-eval? 最佳答案 我最近将CSP策略应用于一个巨大的VUE项目,方法是将元header添加到index.html。GoogleChrome会打印关于javascript:的警告链接,但除此之外没有其他任何事情发生。我所做的只是删除href="javascript:属性,并添加了一个样式来保持游标样式:a:hover{cursor:pointer;}

javascript - 是什么导致 TypeError : Expected `input` to be a `Function` or `Object` issue with gtoken and pify?

我正在尝试将FirebaseRemoteConfig集成到我的Cordova应用程序中,以强制用户在拥有最低版本时进行更新,但导入包会导致错误。它不能在代码中,因为错误是在代码运行之前抛出的,只是通过导入包。TypeError:Expected`input`tobea`Function`or`Object`,got`undefined`at./node_modules/gtoken/node_modules/pify/index.js.module.exports(index.js:45)atObject../node_modules/gtoken/build/src/index.js